diff --git a/CHANGELOG.md b/CHANGELOG.md
index 48a4174725..b9a9e62ab2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,19 @@ 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.0-beta.22
+
+## @rjsf/core
+
+- Updated `MultiSchemaField` and `SchemaField` to properly display `anyOf`/`oneOf` optional data fields by hiding the label and selector control when it is an optional field AND there is no form data
+
+## Dev / docs / playground
+- Updated the `formTests.tsx` snapshots to add an `anyOf` of all arrays with different item types and removed the disabling of the optional data controls feature for the optional object with oneOfs
+  - Updated the snapshots in all of the themes accordingly
+- Updated the playground to make the same changes as `formTests.tsx` in the `optionalDataControls.ts` sample, moving the `experimental_defaultFormStateBehavior` inside of a `liveSettings` block
+- Updated the `Sample` and `LiveSettings` types to support the `liveSettings` inside of a sample
+- Updated the `Playground`'s `onSampleSelected` callback to merge any `liveSettings` in the sample on top of those already used in the playground
+
 # 6.0.0-beta.21
 
 ## @rjsf/antd
diff --git a/packages/antd/test/__snapshots__/Form.test.tsx.snap b/packages/antd/test/__snapshots__/Form.test.tsx.snap
index c9fac0e474..5f09a7dcd0 100644
--- a/packages/antd/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Form.test.tsx.snap
@@ -4307,6 +4307,314 @@ exports[`single fields optional data controls does not show optional controls wh
                       </div>
                     </div>
                   </div>
+                  <div
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                    style={
+                      {
+                        "paddingLeft": 12,
+                        "paddingRight": 12,
+                      }
+                    }
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-undefined"
+                    >
+                      <div
+                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                      >
+                        <div
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                          style={
+                            {
+                              "rowGap": undefined,
+                            }
+                          }
+                        >
+                          <div
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
+                            style={{}}
+                          >
+                            <label
+                              className=""
+                              htmlFor="root_optionalArrayWithAnyofs"
+                              title="optionalArrayWithAnyofs"
+                            >
+                              optionalArrayWithAnyofs
+                            </label>
+                          </div>
+                          <div
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                            style={{}}
+                          >
+                            <div
+                              className="ant-form-item-control-input"
+                            >
+                              <div
+                                className="ant-form-item-control-input-content"
+                              >
+                                <div>
+                                  <div>
+                                    <div
+                                      aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                                      className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-xepvsj ant-select-single ant-select-show-arrow"
+                                      name="root_optionalArrayWithAnyofs__anyof_select"
+                                      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_optionalArrayWithAnyofs__anyof_select_list"
+                                              aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                                              aria-expanded={false}
+                                              aria-haspopup="listbox"
+                                              aria-owns="root_optionalArrayWithAnyofs__anyof_select_list"
+                                              autoComplete="off"
+                                              className="ant-select-selection-search-input"
+                                              disabled={false}
+                                              id="root_optionalArrayWithAnyofs__anyof_select"
+                                              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-item"
+                                            title="Option 1"
+                                          >
+                                            Option 1
+                                          </span>
+                                        </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
+                                    className="rjsf-field rjsf-field-array"
+                                  >
+                                    <div
+                                      className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                                    >
+                                      <div
+                                        className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                                        style={
+                                          {
+                                            "rowGap": undefined,
+                                          }
+                                        }
+                                      >
+                                        <div
+                                          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                                          style={{}}
+                                        >
+                                          <div
+                                            className="ant-form-item-control-input"
+                                          >
+                                            <div
+                                              className="ant-form-item-control-input-content"
+                                            >
+                                              <fieldset
+                                                className="rjsf-field rjsf-field-array rjsf-field-array-of-string"
+                                                id="root_optionalArrayWithAnyofs"
+                                              >
+                                                <div
+                                                  className="ant-row css-dev-only-do-not-override-xepvsj"
+                                                  style={
+                                                    {
+                                                      "marginLeft": -12,
+                                                      "marginRight": -12,
+                                                      "rowGap": undefined,
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  >
+                                                    <label
+                                                      className=""
+                                                      htmlFor="root_optionalArrayWithAnyofs__title"
+                                                      onClick={[Function]}
+                                                      title="optionalArrayWithAnyofs"
+                                                    >
+                                                      optionalArrayWithAnyofs
+                                                    </label>
+                                                    <div
+                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
+                                                      role="separator"
+                                                      style={
+                                                        {
+                                                          "marginBlock": "1px",
+                                                        }
+                                                      }
+                                                    />
+                                                  </div>
+                                                  <div
+                                                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  />
+                                                  <div
+                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="ant-row ant-row-end css-dev-only-do-not-override-xepvsj"
+                                                      style={
+                                                        {
+                                                          "marginLeft": -12,
+                                                          "marginRight": -12,
+                                                          "rowGap": undefined,
+                                                        }
+                                                      }
+                                                    >
+                                                      <div
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "0 0 192px",
+                                                            "paddingLeft": 12,
+                                                            "paddingRight": 12,
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          className="ant-btn css-dev-only-do-not-override-xepvsj ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block rjsf-array-item-add"
+                                                          disabled={false}
+                                                          id="root_optionalArrayWithAnyofs__add"
+                                                          onClick={[Function]}
+                                                          style={
+                                                            {
+                                                              "paddingTop": "4px",
+                                                            }
+                                                          }
+                                                          title="Add Item"
+                                                          type="button"
+                                                        >
+                                                          <span
+                                                            className="ant-btn-icon"
+                                                            style={{}}
+                                                          >
+                                                            <span
+                                                              aria-label="plus-circle"
+                                                              className="anticon anticon-plus-circle"
+                                                              role="img"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                data-icon="plus-circle"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="1em"
+                                                                viewBox="64 64 896 896"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                                                />
+                                                                <path
+                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                                                />
+                                                              </svg>
+                                                            </span>
+                                                          </span>
+                                                        </button>
+                                                      </div>
+                                                    </div>
+                                                  </div>
+                                                </div>
+                                              </fieldset>
+                                            </div>
+                                          </div>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </fieldset>
             </div>
@@ -5917,7 +6225,323 @@ exports[`single fields optional data controls does not show optional controls wh
                                       </div>
                                     </div>
                                   </div>
-                                </fieldset>
+                                </fieldset>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                    style={
+                      {
+                        "paddingLeft": 12,
+                        "paddingRight": 12,
+                      }
+                    }
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-undefined"
+                    >
+                      <div
+                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                      >
+                        <div
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                          style={
+                            {
+                              "rowGap": undefined,
+                            }
+                          }
+                        >
+                          <div
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
+                            style={{}}
+                          >
+                            <label
+                              className=""
+                              htmlFor="root_optionalObjectWithOneofs"
+                              title="optionalObjectWithOneofs"
+                            >
+                              optionalObjectWithOneofs
+                            </label>
+                          </div>
+                          <div
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                            style={{}}
+                          >
+                            <div
+                              className="ant-form-item-control-input"
+                            >
+                              <div
+                                className="ant-form-item-control-input-content"
+                              >
+                                <div>
+                                  <div>
+                                    <div
+                                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
+                                      className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-xepvsj ant-select-single ant-select-show-arrow ant-select-disabled"
+                                      name="root_optionalObjectWithOneofs__oneof_select"
+                                      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_optionalObjectWithOneofs__oneof_select_list"
+                                              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
+                                              aria-expanded={false}
+                                              aria-haspopup="listbox"
+                                              aria-owns="root_optionalObjectWithOneofs__oneof_select_list"
+                                              autoComplete="off"
+                                              className="ant-select-selection-search-input"
+                                              disabled={true}
+                                              id="root_optionalObjectWithOneofs__oneof_select"
+                                              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-item"
+                                            title="Option 1"
+                                          >
+                                            Option 1
+                                          </span>
+                                        </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
+                                    className="rjsf-field rjsf-field-object"
+                                  >
+                                    <div
+                                      className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                                    >
+                                      <div
+                                        className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                                        style={
+                                          {
+                                            "rowGap": undefined,
+                                          }
+                                        }
+                                      >
+                                        <div
+                                          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                                          style={{}}
+                                        >
+                                          <div
+                                            className="ant-form-item-control-input"
+                                          >
+                                            <div
+                                              className="ant-form-item-control-input-content"
+                                            >
+                                              <fieldset
+                                                id="root_optionalObjectWithOneofs"
+                                              >
+                                                <div
+                                                  className="ant-row css-dev-only-do-not-override-xepvsj"
+                                                  style={
+                                                    {
+                                                      "marginLeft": -12,
+                                                      "marginRight": -12,
+                                                      "rowGap": undefined,
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  >
+                                                    <label
+                                                      className=""
+                                                      htmlFor="root_optionalObjectWithOneofs__title"
+                                                      onClick={[Function]}
+                                                      title="optionalObjectWithOneofs"
+                                                    >
+                                                      optionalObjectWithOneofs
+                                                    </label>
+                                                    <div
+                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
+                                                      role="separator"
+                                                      style={
+                                                        {
+                                                          "marginBlock": "1px",
+                                                        }
+                                                      }
+                                                    />
+                                                  </div>
+                                                  <div
+                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  />
+                                                  <div
+                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="rjsf-field rjsf-field-string"
+                                                    >
+                                                      <div
+                                                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                                                      >
+                                                        <div
+                                                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                                                          style={
+                                                            {
+                                                              "rowGap": undefined,
+                                                            }
+                                                          }
+                                                        >
+                                                          <div
+                                                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
+                                                            style={{}}
+                                                          >
+                                                            <label
+                                                              className=""
+                                                              htmlFor="root_optionalObjectWithOneofs_name"
+                                                              title="name"
+                                                            >
+                                                              name
+                                                            </label>
+                                                          </div>
+                                                          <div
+                                                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                                                            style={{}}
+                                                          >
+                                                            <div
+                                                              className="ant-form-item-control-input"
+                                                            >
+                                                              <div
+                                                                className="ant-form-item-control-input-content"
+                                                              >
+                                                                <span
+                                                                  className="ant-input-affix-wrapper ant-input-disabled ant-input-affix-wrapper-disabled css-dev-only-do-not-override-xepvsj ant-input-outlined"
+                                                                  onClick={[Function]}
+                                                                  style={
+                                                                    {
+                                                                      "width": "100%",
+                                                                    }
+                                                                  }
+                                                                >
+                                                                  <input
+                                                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
+                                                                    className="ant-input ant-input-disabled css-dev-only-do-not-override-xepvsj"
+                                                                    disabled={true}
+                                                                    id="root_optionalObjectWithOneofs_name"
+                                                                    name="root_optionalObjectWithOneofs_name"
+                                                                    onBlur={[Function]}
+                                                                    onChange={[Function]}
+                                                                    onCompositionEnd={[Function]}
+                                                                    onCompositionStart={[Function]}
+                                                                    onFocus={[Function]}
+                                                                    onKeyDown={[Function]}
+                                                                    onKeyUp={[Function]}
+                                                                    placeholder=""
+                                                                    type="text"
+                                                                    value=""
+                                                                  />
+                                                                  <span
+                                                                    className="ant-input-suffix"
+                                                                  />
+                                                                </span>
+                                                              </div>
+                                                            </div>
+                                                          </div>
+                                                        </div>
+                                                      </div>
+                                                    </div>
+                                                  </div>
+                                                </div>
+                                              </fieldset>
+                                            </div>
+                                          </div>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
                               </div>
                             </div>
                           </div>
@@ -5954,10 +6578,10 @@ exports[`single fields optional data controls does not show optional controls wh
                           >
                             <label
                               className=""
-                              htmlFor="root_optionalObjectWithOneofs"
-                              title="optionalObjectWithOneofs"
+                              htmlFor="root_optionalArrayWithAnyofs"
+                              title="optionalArrayWithAnyofs"
                             >
-                              optionalObjectWithOneofs
+                              optionalArrayWithAnyofs
                             </label>
                           </div>
                           <div
@@ -5973,9 +6597,9 @@ exports[`single fields optional data controls does not show optional controls wh
                                 <div>
                                   <div>
                                     <div
-                                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
+                                      aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
                                       className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-xepvsj ant-select-single ant-select-show-arrow ant-select-disabled"
-                                      name="root_optionalObjectWithOneofs__oneof_select"
+                                      name="root_optionalArrayWithAnyofs__anyof_select"
                                       onBlur={[Function]}
                                       onFocus={[Function]}
                                       onKeyDown={[Function]}
@@ -6000,15 +6624,15 @@ exports[`single fields optional data controls does not show optional controls wh
                                           >
                                             <input
                                               aria-autocomplete="list"
-                                              aria-controls="root_optionalObjectWithOneofs__oneof_select_list"
-                                              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
+                                              aria-controls="root_optionalArrayWithAnyofs__anyof_select_list"
+                                              aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
                                               aria-expanded={false}
                                               aria-haspopup="listbox"
-                                              aria-owns="root_optionalObjectWithOneofs__oneof_select_list"
+                                              aria-owns="root_optionalArrayWithAnyofs__anyof_select_list"
                                               autoComplete="off"
                                               className="ant-select-selection-search-input"
                                               disabled={true}
-                                              id="root_optionalObjectWithOneofs__oneof_select"
+                                              id="root_optionalArrayWithAnyofs__anyof_select"
                                               onBlur={[Function]}
                                               onChange={[Function]}
                                               onCompositionEnd={[Function]}
@@ -6071,7 +6695,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                     </div>
                                   </div>
                                   <div
-                                    className="rjsf-field rjsf-field-object"
+                                    className="rjsf-field rjsf-field-array"
                                   >
                                     <div
                                       className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
@@ -6095,7 +6719,8 @@ exports[`single fields optional data controls does not show optional controls wh
                                               className="ant-form-item-control-input-content"
                                             >
                                               <fieldset
-                                                id="root_optionalObjectWithOneofs"
+                                                className="rjsf-field rjsf-field-array rjsf-field-array-of-string"
+                                                id="root_optionalArrayWithAnyofs"
                                               >
                                                 <div
                                                   className="ant-row css-dev-only-do-not-override-xepvsj"
@@ -6118,11 +6743,11 @@ exports[`single fields optional data controls does not show optional controls wh
                                                   >
                                                     <label
                                                       className=""
-                                                      htmlFor="root_optionalObjectWithOneofs__title"
+                                                      htmlFor="root_optionalArrayWithAnyofs__title"
                                                       onClick={[Function]}
-                                                      title="optionalObjectWithOneofs"
+                                                      title="optionalArrayWithAnyofs"
                                                     >
-                                                      optionalObjectWithOneofs
+                                                      optionalArrayWithAnyofs
                                                     </label>
                                                     <div
                                                       className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
@@ -6135,7 +6760,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                                     />
                                                   </div>
                                                   <div
-                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                                                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-xepvsj"
                                                     style={
                                                       {
                                                         "paddingLeft": 12,
@@ -6153,75 +6778,66 @@ exports[`single fields optional data controls does not show optional controls wh
                                                     }
                                                   >
                                                     <div
-                                                      className="rjsf-field rjsf-field-string"
+                                                      className="ant-row ant-row-end css-dev-only-do-not-override-xepvsj"
+                                                      style={
+                                                        {
+                                                          "marginLeft": -12,
+                                                          "marginRight": -12,
+                                                          "rowGap": undefined,
+                                                        }
+                                                      }
                                                     >
                                                       <div
-                                                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "0 0 192px",
+                                                            "paddingLeft": 12,
+                                                            "paddingRight": 12,
+                                                          }
+                                                        }
                                                       >
-                                                        <div
-                                                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                                                        <button
+                                                          className="ant-btn css-dev-only-do-not-override-xepvsj ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block rjsf-array-item-add"
+                                                          disabled={true}
+                                                          id="root_optionalArrayWithAnyofs__add"
+                                                          onClick={[Function]}
                                                           style={
                                                             {
-                                                              "rowGap": undefined,
+                                                              "paddingTop": "4px",
                                                             }
                                                           }
+                                                          title="Add Item"
+                                                          type="button"
                                                         >
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
-                                                            style={{}}
-                                                          >
-                                                            <label
-                                                              className=""
-                                                              htmlFor="root_optionalObjectWithOneofs_name"
-                                                              title="name"
-                                                            >
-                                                              name
-                                                            </label>
-                                                          </div>
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                                                          <span
+                                                            className="ant-btn-icon"
                                                             style={{}}
                                                           >
-                                                            <div
-                                                              className="ant-form-item-control-input"
+                                                            <span
+                                                              aria-label="plus-circle"
+                                                              className="anticon anticon-plus-circle"
+                                                              role="img"
                                                             >
-                                                              <div
-                                                                className="ant-form-item-control-input-content"
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                data-icon="plus-circle"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="1em"
+                                                                viewBox="64 64 896 896"
+                                                                width="1em"
                                                               >
-                                                                <span
-                                                                  className="ant-input-affix-wrapper ant-input-disabled ant-input-affix-wrapper-disabled css-dev-only-do-not-override-xepvsj ant-input-outlined"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    {
-                                                                      "width": "100%",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <input
-                                                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                                                    className="ant-input ant-input-disabled css-dev-only-do-not-override-xepvsj"
-                                                                    disabled={true}
-                                                                    id="root_optionalObjectWithOneofs_name"
-                                                                    name="root_optionalObjectWithOneofs_name"
-                                                                    onBlur={[Function]}
-                                                                    onChange={[Function]}
-                                                                    onCompositionEnd={[Function]}
-                                                                    onCompositionStart={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    onKeyUp={[Function]}
-                                                                    placeholder=""
-                                                                    type="text"
-                                                                    value=""
-                                                                  />
-                                                                  <span
-                                                                    className="ant-input-suffix"
-                                                                  />
-                                                                </span>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </div>
+                                                                <path
+                                                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                                                />
+                                                                <path
+                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                                                />
+                                                              </svg>
+                                                            </span>
+                                                          </span>
+                                                        </button>
                                                       </div>
                                                     </div>
                                                   </div>
@@ -8070,7 +8686,190 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                       </div>
                                     </div>
                                   </div>
-                                </fieldset>
+                                </fieldset>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                    style={
+                      {
+                        "paddingLeft": 12,
+                        "paddingRight": 12,
+                      }
+                    }
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-undefined"
+                    >
+                      <div
+                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                      >
+                        <div
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                          style={
+                            {
+                              "rowGap": undefined,
+                            }
+                          }
+                        >
+                          <div
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                            style={{}}
+                          >
+                            <div
+                              className="ant-form-item-control-input"
+                            >
+                              <div
+                                className="ant-form-item-control-input-content"
+                              >
+                                <div>
+                                  <div />
+                                  <div
+                                    className="rjsf-field rjsf-field-object"
+                                  >
+                                    <div
+                                      className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                                    >
+                                      <div
+                                        className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                                        style={
+                                          {
+                                            "rowGap": undefined,
+                                          }
+                                        }
+                                      >
+                                        <div
+                                          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                                          style={{}}
+                                        >
+                                          <div
+                                            className="ant-form-item-control-input"
+                                          >
+                                            <div
+                                              className="ant-form-item-control-input-content"
+                                            >
+                                              <fieldset
+                                                id="root_optionalObjectWithOneofs"
+                                              >
+                                                <div
+                                                  className="ant-row css-dev-only-do-not-override-xepvsj"
+                                                  style={
+                                                    {
+                                                      "marginLeft": -12,
+                                                      "marginRight": -12,
+                                                      "rowGap": undefined,
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="ant-row css-dev-only-do-not-override-xepvsj"
+                                                      style={
+                                                        {
+                                                          "rowGap": undefined,
+                                                        }
+                                                      }
+                                                    >
+                                                      <div
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "auto",
+                                                          }
+                                                        }
+                                                      >
+                                                        <label
+                                                          className=""
+                                                          htmlFor="root_optionalObjectWithOneofs__title"
+                                                          onClick={[Function]}
+                                                          title="optionalObjectWithOneofs"
+                                                        >
+                                                          optionalObjectWithOneofs
+                                                        </label>
+                                                      </div>
+                                                      <div
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "none",
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          className="ant-btn css-dev-only-do-not-override-xepvsj ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-sm ant-btn-icon-only rjsf-add-optional-data"
+                                                          disabled={false}
+                                                          id="root_optionalObjectWithOneofs__optionalAdd"
+                                                          onClick={[Function]}
+                                                          style={
+                                                            {
+                                                              "paddingTop": "4px",
+                                                            }
+                                                          }
+                                                          title="Add data for optional field"
+                                                          type="button"
+                                                        >
+                                                          <span
+                                                            className="ant-btn-icon"
+                                                            style={{}}
+                                                          >
+                                                            <span
+                                                              aria-label="plus-circle"
+                                                              className="anticon anticon-plus-circle"
+                                                              role="img"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                data-icon="plus-circle"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="1em"
+                                                                viewBox="64 64 896 896"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                                                />
+                                                                <path
+                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                                                />
+                                                              </svg>
+                                                            </span>
+                                                          </span>
+                                                        </button>
+                                                      </div>
+                                                    </div>
+                                                    <div
+                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
+                                                      role="separator"
+                                                      style={
+                                                        {
+                                                          "marginBlock": "1px",
+                                                        }
+                                                      }
+                                                    />
+                                                  </div>
+                                                </div>
+                                              </fieldset>
+                                            </div>
+                                          </div>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
                               </div>
                             </div>
                           </div>
@@ -8101,18 +8900,6 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             }
                           }
                         >
-                          <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
-                            style={{}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="root_optionalObjectWithOneofs"
-                              title="optionalObjectWithOneofs"
-                            >
-                              optionalObjectWithOneofs
-                            </label>
-                          </div>
                           <div
                             className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
                             style={{}}
@@ -8124,107 +8911,9 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 className="ant-form-item-control-input-content"
                               >
                                 <div>
-                                  <div>
-                                    <div
-                                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                                      className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-xepvsj ant-select-single ant-select-show-arrow"
-                                      name="root_optionalObjectWithOneofs__oneof_select"
-                                      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_optionalObjectWithOneofs__oneof_select_list"
-                                              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                                              aria-expanded={false}
-                                              aria-haspopup="listbox"
-                                              aria-owns="root_optionalObjectWithOneofs__oneof_select_list"
-                                              autoComplete="off"
-                                              className="ant-select-selection-search-input"
-                                              disabled={false}
-                                              id="root_optionalObjectWithOneofs__oneof_select"
-                                              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-item"
-                                            title="Option 1"
-                                          >
-                                            Option 1
-                                          </span>
-                                        </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="rjsf-field rjsf-field-object"
+                                    className="rjsf-field rjsf-field-array"
                                   >
                                     <div
                                       className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
@@ -8248,7 +8937,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                               className="ant-form-item-control-input-content"
                                             >
                                               <fieldset
-                                                id="root_optionalObjectWithOneofs"
+                                                className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
+                                                id="root_optionalArrayWithAnyofs"
                                               >
                                                 <div
                                                   className="ant-row css-dev-only-do-not-override-xepvsj"
@@ -8269,106 +8959,101 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                       }
                                                     }
                                                   >
-                                                    <label
-                                                      className=""
-                                                      htmlFor="root_optionalObjectWithOneofs__title"
-                                                      onClick={[Function]}
-                                                      title="optionalObjectWithOneofs"
-                                                    >
-                                                      optionalObjectWithOneofs
-                                                    </label>
                                                     <div
-                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
-                                                      role="separator"
+                                                      className="ant-row css-dev-only-do-not-override-xepvsj"
                                                       style={
                                                         {
-                                                          "marginBlock": "1px",
+                                                          "rowGap": undefined,
                                                         }
                                                       }
-                                                    />
-                                                  </div>
-                                                  <div
-                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
-                                                    style={
-                                                      {
-                                                        "paddingLeft": 12,
-                                                        "paddingRight": 12,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="rjsf-field rjsf-field-string"
                                                     >
                                                       <div
-                                                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
-                                                          style={
-                                                            {
-                                                              "rowGap": undefined,
-                                                            }
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "auto",
                                                           }
+                                                        }
+                                                      >
+                                                        <label
+                                                          className=""
+                                                          htmlFor="root_optionalArrayWithAnyofs__title"
+                                                          onClick={[Function]}
+                                                          title="optionalArrayWithAnyofs"
                                                         >
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
-                                                            style={{}}
-                                                          >
-                                                            <label
-                                                              className=""
-                                                              htmlFor="root_optionalObjectWithOneofs_name"
-                                                              title="name"
-                                                            >
-                                                              name
-                                                            </label>
-                                                          </div>
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
-                                                            style={{}}
-                                                          >
-                                                            <div
-                                                              className="ant-form-item-control-input"
-                                                            >
-                                                              <div
-                                                                className="ant-form-item-control-input-content"
-                                                              >
-                                                                <span
-                                                                  className="ant-input-affix-wrapper ant-input-disabled ant-input-affix-wrapper-disabled css-dev-only-do-not-override-xepvsj ant-input-outlined"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    {
-                                                                      "width": "100%",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <input
-                                                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                                                    className="ant-input ant-input-disabled css-dev-only-do-not-override-xepvsj"
-                                                                    disabled={true}
-                                                                    id="root_optionalObjectWithOneofs_name"
-                                                                    name="root_optionalObjectWithOneofs_name"
-                                                                    onBlur={[Function]}
-                                                                    onChange={[Function]}
-                                                                    onCompositionEnd={[Function]}
-                                                                    onCompositionStart={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    onKeyUp={[Function]}
-                                                                    placeholder=""
-                                                                    type="text"
-                                                                    value=""
-                                                                  />
-                                                                  <span
-                                                                    className="ant-input-suffix"
-                                                                  />
-                                                                </span>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </div>
+                                                          optionalArrayWithAnyofs
+                                                        </label>
+                                                      </div>
+                                                      <div
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "none",
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          className="ant-btn css-dev-only-do-not-override-xepvsj ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-sm ant-btn-icon-only rjsf-add-optional-data"
+                                                          disabled={false}
+                                                          id="root_optionalArrayWithAnyofs__optionalAdd"
+                                                          onClick={[Function]}
+                                                          style={
+                                                            {
+                                                              "paddingTop": "4px",
+                                                            }
+                                                          }
+                                                          title="Add data for optional field"
+                                                          type="button"
+                                                        >
+                                                          <span
+                                                            className="ant-btn-icon"
+                                                            style={{}}
+                                                          >
+                                                            <span
+                                                              aria-label="plus-circle"
+                                                              className="anticon anticon-plus-circle"
+                                                              role="img"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                data-icon="plus-circle"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="1em"
+                                                                viewBox="64 64 896 896"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                                                />
+                                                                <path
+                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                                                />
+                                                              </svg>
+                                                            </span>
+                                                          </span>
+                                                        </button>
                                                       </div>
                                                     </div>
+                                                    <div
+                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
+                                                      role="separator"
+                                                      style={
+                                                        {
+                                                          "marginBlock": "1px",
+                                                        }
+                                                      }
+                                                    />
                                                   </div>
+                                                  <div
+                                                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  />
                                                 </div>
                                               </fieldset>
                                             </div>
@@ -10036,18 +10721,6 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             }
                           }
                         >
-                          <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
-                            style={{}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="root_optionalObjectWithOneofs"
-                              title="optionalObjectWithOneofs"
-                            >
-                              optionalObjectWithOneofs
-                            </label>
-                          </div>
                           <div
                             className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
                             style={{}}
@@ -10059,105 +10732,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 className="ant-form-item-control-input-content"
                               >
                                 <div>
-                                  <div>
-                                    <div
-                                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                                      className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-xepvsj ant-select-single ant-select-show-arrow ant-select-disabled"
-                                      name="root_optionalObjectWithOneofs__oneof_select"
-                                      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_optionalObjectWithOneofs__oneof_select_list"
-                                              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                                              aria-expanded={false}
-                                              aria-haspopup="listbox"
-                                              aria-owns="root_optionalObjectWithOneofs__oneof_select_list"
-                                              autoComplete="off"
-                                              className="ant-select-selection-search-input"
-                                              disabled={true}
-                                              id="root_optionalObjectWithOneofs__oneof_select"
-                                              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-item"
-                                            title="Option 1"
-                                          >
-                                            Option 1
-                                          </span>
-                                        </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="rjsf-field rjsf-field-object"
                                   >
@@ -10230,9 +10805,131 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                         "paddingRight": 12,
                                                       }
                                                     }
-                                                  />
+                                                  >
+                                                    <em
+                                                      id="root_optionalObjectWithOneofs__optionalMsg"
+                                                    >
+                                                      No data for optional field
+                                                    </em>
+                                                  </div>
+                                                </div>
+                                              </fieldset>
+                                            </div>
+                                          </div>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                    style={
+                      {
+                        "paddingLeft": 12,
+                        "paddingRight": 12,
+                      }
+                    }
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-undefined"
+                    >
+                      <div
+                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                      >
+                        <div
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                          style={
+                            {
+                              "rowGap": undefined,
+                            }
+                          }
+                        >
+                          <div
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                            style={{}}
+                          >
+                            <div
+                              className="ant-form-item-control-input"
+                            >
+                              <div
+                                className="ant-form-item-control-input-content"
+                              >
+                                <div>
+                                  <div />
+                                  <div
+                                    className="rjsf-field rjsf-field-array"
+                                  >
+                                    <div
+                                      className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                                    >
+                                      <div
+                                        className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                                        style={
+                                          {
+                                            "rowGap": undefined,
+                                          }
+                                        }
+                                      >
+                                        <div
+                                          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                                          style={{}}
+                                        >
+                                          <div
+                                            className="ant-form-item-control-input"
+                                          >
+                                            <div
+                                              className="ant-form-item-control-input-content"
+                                            >
+                                              <fieldset
+                                                className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
+                                                id="root_optionalArrayWithAnyofs"
+                                              >
+                                                <div
+                                                  className="ant-row css-dev-only-do-not-override-xepvsj"
+                                                  style={
+                                                    {
+                                                      "marginLeft": -12,
+                                                      "marginRight": -12,
+                                                      "rowGap": undefined,
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  >
+                                                    <label
+                                                      className=""
+                                                      htmlFor="root_optionalArrayWithAnyofs__title"
+                                                      onClick={[Function]}
+                                                      title="optionalArrayWithAnyofs"
+                                                    >
+                                                      optionalArrayWithAnyofs
+                                                    </label>
+                                                    <div
+                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
+                                                      role="separator"
+                                                      style={
+                                                        {
+                                                          "marginBlock": "1px",
+                                                        }
+                                                      }
+                                                    />
+                                                  </div>
                                                   <div
-                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                                                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-xepvsj"
                                                     style={
                                                       {
                                                         "paddingLeft": 12,
@@ -10240,78 +10937,11 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                       }
                                                     }
                                                   >
-                                                    <div
-                                                      className="rjsf-field rjsf-field-string"
+                                                    <em
+                                                      id="root_optionalArrayWithAnyofs__optionalMsg"
                                                     >
-                                                      <div
-                                                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
-                                                          style={
-                                                            {
-                                                              "rowGap": undefined,
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
-                                                            style={{}}
-                                                          >
-                                                            <label
-                                                              className=""
-                                                              htmlFor="root_optionalObjectWithOneofs_name"
-                                                              title="name"
-                                                            >
-                                                              name
-                                                            </label>
-                                                          </div>
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
-                                                            style={{}}
-                                                          >
-                                                            <div
-                                                              className="ant-form-item-control-input"
-                                                            >
-                                                              <div
-                                                                className="ant-form-item-control-input-content"
-                                                              >
-                                                                <span
-                                                                  className="ant-input-affix-wrapper ant-input-disabled ant-input-affix-wrapper-disabled css-dev-only-do-not-override-xepvsj ant-input-outlined"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    {
-                                                                      "width": "100%",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <input
-                                                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                                                    className="ant-input ant-input-disabled css-dev-only-do-not-override-xepvsj"
-                                                                    disabled={true}
-                                                                    id="root_optionalObjectWithOneofs_name"
-                                                                    name="root_optionalObjectWithOneofs_name"
-                                                                    onBlur={[Function]}
-                                                                    onChange={[Function]}
-                                                                    onCompositionEnd={[Function]}
-                                                                    onCompositionStart={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    onKeyUp={[Function]}
-                                                                    placeholder=""
-                                                                    type="text"
-                                                                    value=""
-                                                                  />
-                                                                  <span
-                                                                    className="ant-input-suffix"
-                                                                  />
-                                                                </span>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </div>
-                                                      </div>
-                                                    </div>
+                                                      No data for optional field
+                                                    </em>
                                                   </div>
                                                 </div>
                                               </fieldset>
@@ -11083,18 +11713,6 @@ exports[`single fields optional data controls shows "add" optional controls when
                             }
                           }
                         >
-                          <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
-                            style={{}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="root_optionalObjectWithOneofs"
-                              title="optionalObjectWithOneofs"
-                            >
-                              optionalObjectWithOneofs
-                            </label>
-                          </div>
                           <div
                             className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
                             style={{}}
@@ -11106,107 +11724,192 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 className="ant-form-item-control-input-content"
                               >
                                 <div>
-                                  <div>
+                                  <div />
+                                  <div
+                                    className="rjsf-field rjsf-field-object"
+                                  >
                                     <div
-                                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                                      className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-xepvsj ant-select-single ant-select-show-arrow"
-                                      name="root_optionalObjectWithOneofs__oneof_select"
-                                      onBlur={[Function]}
-                                      onFocus={[Function]}
-                                      onKeyDown={[Function]}
-                                      onKeyUp={[Function]}
-                                      onMouseDown={[Function]}
-                                      style={
-                                        {
-                                          "width": "100%",
-                                        }
-                                      }
+                                      className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
                                     >
                                       <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_optionalObjectWithOneofs__oneof_select_list"
-                                              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                                              aria-expanded={false}
-                                              aria-haspopup="listbox"
-                                              aria-owns="root_optionalObjectWithOneofs__oneof_select_list"
-                                              autoComplete="off"
-                                              className="ant-select-selection-search-input"
-                                              disabled={false}
-                                              id="root_optionalObjectWithOneofs__oneof_select"
-                                              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-item"
-                                            title="Option 1"
-                                          >
-                                            Option 1
-                                          </span>
-                                        </span>
-                                      </div>
-                                      <span
-                                        aria-hidden={true}
-                                        className="ant-select-arrow"
-                                        onMouseDown={[Function]}
+                                        className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
                                         style={
                                           {
-                                            "WebkitUserSelect": "none",
-                                            "userSelect": "none",
+                                            "rowGap": undefined,
                                           }
                                         }
-                                        unselectable="on"
                                       >
-                                        <span
-                                          aria-label="down"
-                                          className="anticon anticon-down ant-select-suffix"
-                                          role="img"
+                                        <div
+                                          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                                          style={{}}
                                         >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
+                                          <div
+                                            className="ant-form-item-control-input"
                                           >
-                                            <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
+                                              className="ant-form-item-control-input-content"
+                                            >
+                                              <fieldset
+                                                id="root_optionalObjectWithOneofs"
+                                              >
+                                                <div
+                                                  className="ant-row css-dev-only-do-not-override-xepvsj"
+                                                  style={
+                                                    {
+                                                      "marginLeft": -12,
+                                                      "marginRight": -12,
+                                                      "rowGap": undefined,
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  >
+                                                    <div
+                                                      className="ant-row css-dev-only-do-not-override-xepvsj"
+                                                      style={
+                                                        {
+                                                          "rowGap": undefined,
+                                                        }
+                                                      }
+                                                    >
+                                                      <div
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "auto",
+                                                          }
+                                                        }
+                                                      >
+                                                        <label
+                                                          className=""
+                                                          htmlFor="root_optionalObjectWithOneofs__title"
+                                                          onClick={[Function]}
+                                                          title="optionalObjectWithOneofs"
+                                                        >
+                                                          optionalObjectWithOneofs
+                                                        </label>
+                                                      </div>
+                                                      <div
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "none",
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          className="ant-btn css-dev-only-do-not-override-xepvsj ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-sm ant-btn-icon-only rjsf-add-optional-data"
+                                                          disabled={false}
+                                                          id="root_optionalObjectWithOneofs__optionalAdd"
+                                                          onClick={[Function]}
+                                                          style={
+                                                            {
+                                                              "paddingTop": "4px",
+                                                            }
+                                                          }
+                                                          title="Add data for optional field"
+                                                          type="button"
+                                                        >
+                                                          <span
+                                                            className="ant-btn-icon"
+                                                            style={{}}
+                                                          >
+                                                            <span
+                                                              aria-label="plus-circle"
+                                                              className="anticon anticon-plus-circle"
+                                                              role="img"
+                                                            >
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                data-icon="plus-circle"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="1em"
+                                                                viewBox="64 64 896 896"
+                                                                width="1em"
+                                                              >
+                                                                <path
+                                                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                                                />
+                                                                <path
+                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                                                />
+                                                              </svg>
+                                                            </span>
+                                                          </span>
+                                                        </button>
+                                                      </div>
+                                                    </div>
+                                                    <div
+                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
+                                                      role="separator"
+                                                      style={
+                                                        {
+                                                          "marginBlock": "1px",
+                                                        }
+                                                      }
+                                                    />
+                                                  </div>
+                                                </div>
+                                              </fieldset>
+                                            </div>
+                                          </div>
+                                        </div>
+                                      </div>
                                     </div>
                                   </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                    style={
+                      {
+                        "paddingLeft": 12,
+                        "paddingRight": 12,
+                      }
+                    }
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-undefined"
+                    >
+                      <div
+                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                      >
+                        <div
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                          style={
+                            {
+                              "rowGap": undefined,
+                            }
+                          }
+                        >
+                          <div
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                            style={{}}
+                          >
+                            <div
+                              className="ant-form-item-control-input"
+                            >
+                              <div
+                                className="ant-form-item-control-input-content"
+                              >
+                                <div>
+                                  <div />
                                   <div
-                                    className="rjsf-field rjsf-field-object"
+                                    className="rjsf-field rjsf-field-array"
                                   >
                                     <div
                                       className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
@@ -11230,7 +11933,8 @@ exports[`single fields optional data controls shows "add" optional controls when
                                               className="ant-form-item-control-input-content"
                                             >
                                               <fieldset
-                                                id="root_optionalObjectWithOneofs"
+                                                className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
+                                                id="root_optionalArrayWithAnyofs"
                                               >
                                                 <div
                                                   className="ant-row css-dev-only-do-not-override-xepvsj"
@@ -11251,106 +11955,101 @@ exports[`single fields optional data controls shows "add" optional controls when
                                                       }
                                                     }
                                                   >
-                                                    <label
-                                                      className=""
-                                                      htmlFor="root_optionalObjectWithOneofs__title"
-                                                      onClick={[Function]}
-                                                      title="optionalObjectWithOneofs"
-                                                    >
-                                                      optionalObjectWithOneofs
-                                                    </label>
                                                     <div
-                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
-                                                      role="separator"
+                                                      className="ant-row css-dev-only-do-not-override-xepvsj"
                                                       style={
                                                         {
-                                                          "marginBlock": "1px",
+                                                          "rowGap": undefined,
                                                         }
                                                       }
-                                                    />
-                                                  </div>
-                                                  <div
-                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
-                                                    style={
-                                                      {
-                                                        "paddingLeft": 12,
-                                                        "paddingRight": 12,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="rjsf-field rjsf-field-string"
                                                     >
                                                       <div
-                                                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "auto",
+                                                          }
+                                                        }
                                                       >
-                                                        <div
-                                                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                                                        <label
+                                                          className=""
+                                                          htmlFor="root_optionalArrayWithAnyofs__title"
+                                                          onClick={[Function]}
+                                                          title="optionalArrayWithAnyofs"
+                                                        >
+                                                          optionalArrayWithAnyofs
+                                                        </label>
+                                                      </div>
+                                                      <div
+                                                        className="ant-col css-dev-only-do-not-override-xepvsj"
+                                                        style={
+                                                          {
+                                                            "flex": "none",
+                                                          }
+                                                        }
+                                                      >
+                                                        <button
+                                                          className="ant-btn css-dev-only-do-not-override-xepvsj ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-sm ant-btn-icon-only rjsf-add-optional-data"
+                                                          disabled={false}
+                                                          id="root_optionalArrayWithAnyofs__optionalAdd"
+                                                          onClick={[Function]}
                                                           style={
                                                             {
-                                                              "rowGap": undefined,
+                                                              "paddingTop": "4px",
                                                             }
                                                           }
+                                                          title="Add data for optional field"
+                                                          type="button"
                                                         >
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
-                                                            style={{}}
-                                                          >
-                                                            <label
-                                                              className=""
-                                                              htmlFor="root_optionalObjectWithOneofs_name"
-                                                              title="name"
-                                                            >
-                                                              name
-                                                            </label>
-                                                          </div>
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                                                          <span
+                                                            className="ant-btn-icon"
                                                             style={{}}
                                                           >
-                                                            <div
-                                                              className="ant-form-item-control-input"
+                                                            <span
+                                                              aria-label="plus-circle"
+                                                              className="anticon anticon-plus-circle"
+                                                              role="img"
                                                             >
-                                                              <div
-                                                                className="ant-form-item-control-input-content"
+                                                              <svg
+                                                                aria-hidden="true"
+                                                                data-icon="plus-circle"
+                                                                fill="currentColor"
+                                                                focusable="false"
+                                                                height="1em"
+                                                                viewBox="64 64 896 896"
+                                                                width="1em"
                                                               >
-                                                                <span
-                                                                  className="ant-input-affix-wrapper ant-input-disabled ant-input-affix-wrapper-disabled css-dev-only-do-not-override-xepvsj ant-input-outlined"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    {
-                                                                      "width": "100%",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <input
-                                                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                                                    className="ant-input ant-input-disabled css-dev-only-do-not-override-xepvsj"
-                                                                    disabled={true}
-                                                                    id="root_optionalObjectWithOneofs_name"
-                                                                    name="root_optionalObjectWithOneofs_name"
-                                                                    onBlur={[Function]}
-                                                                    onChange={[Function]}
-                                                                    onCompositionEnd={[Function]}
-                                                                    onCompositionStart={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    onKeyUp={[Function]}
-                                                                    placeholder=""
-                                                                    type="text"
-                                                                    value=""
-                                                                  />
-                                                                  <span
-                                                                    className="ant-input-suffix"
-                                                                  />
-                                                                </span>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </div>
+                                                                <path
+                                                                  d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                                                />
+                                                                <path
+                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                                                />
+                                                              </svg>
+                                                            </span>
+                                                          </span>
+                                                        </button>
                                                       </div>
                                                     </div>
+                                                    <div
+                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
+                                                      role="separator"
+                                                      style={
+                                                        {
+                                                          "marginBlock": "1px",
+                                                        }
+                                                      }
+                                                    />
                                                   </div>
+                                                  <div
+                                                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  />
                                                 </div>
                                               </fieldset>
                                             </div>
@@ -11979,21 +12678,151 @@ exports[`single fields optional data controls shows "add" optional controls when
                                                   viewBox="64 64 896 896"
                                                   width="1em"
                                                 >
-                                                  <path
-                                                    d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-                                                  />
-                                                  <path
-                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </span>
-                                          </button>
+                                                  <path
+                                                    d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
+                                                  />
+                                                  <path
+                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                                                  />
+                                                </svg>
+                                              </span>
+                                            </span>
+                                          </button>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </fieldset>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                    style={
+                      {
+                        "paddingLeft": 12,
+                        "paddingRight": 12,
+                      }
+                    }
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-undefined"
+                    >
+                      <div
+                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                      >
+                        <div
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                          style={
+                            {
+                              "rowGap": undefined,
+                            }
+                          }
+                        >
+                          <div
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                            style={{}}
+                          >
+                            <div
+                              className="ant-form-item-control-input"
+                            >
+                              <div
+                                className="ant-form-item-control-input-content"
+                              >
+                                <div>
+                                  <div />
+                                  <div
+                                    className="rjsf-field rjsf-field-object"
+                                  >
+                                    <div
+                                      className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
+                                    >
+                                      <div
+                                        className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
+                                        style={
+                                          {
+                                            "rowGap": undefined,
+                                          }
+                                        }
+                                      >
+                                        <div
+                                          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
+                                          style={{}}
+                                        >
+                                          <div
+                                            className="ant-form-item-control-input"
+                                          >
+                                            <div
+                                              className="ant-form-item-control-input-content"
+                                            >
+                                              <fieldset
+                                                id="root_optionalObjectWithOneofs"
+                                              >
+                                                <div
+                                                  className="ant-row css-dev-only-do-not-override-xepvsj"
+                                                  style={
+                                                    {
+                                                      "marginLeft": -12,
+                                                      "marginRight": -12,
+                                                      "rowGap": undefined,
+                                                    }
+                                                  }
+                                                >
+                                                  <div
+                                                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  >
+                                                    <label
+                                                      className=""
+                                                      htmlFor="root_optionalObjectWithOneofs__title"
+                                                      onClick={[Function]}
+                                                      title="optionalObjectWithOneofs"
+                                                    >
+                                                      optionalObjectWithOneofs
+                                                    </label>
+                                                    <div
+                                                      className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
+                                                      role="separator"
+                                                      style={
+                                                        {
+                                                          "marginBlock": "1px",
+                                                        }
+                                                      }
+                                                    />
+                                                  </div>
+                                                  <div
+                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                                                    style={
+                                                      {
+                                                        "paddingLeft": 12,
+                                                        "paddingRight": 12,
+                                                      }
+                                                    }
+                                                  >
+                                                    <em
+                                                      id="root_optionalObjectWithOneofs__optionalMsg"
+                                                    >
+                                                      No data for optional field
+                                                    </em>
+                                                  </div>
+                                                </div>
+                                              </fieldset>
+                                            </div>
+                                          </div>
                                         </div>
                                       </div>
                                     </div>
                                   </div>
-                                </fieldset>
+                                </div>
                               </div>
                             </div>
                           </div>
@@ -12024,18 +12853,6 @@ exports[`single fields optional data controls shows "add" optional controls when
                             }
                           }
                         >
-                          <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
-                            style={{}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="root_optionalObjectWithOneofs"
-                              title="optionalObjectWithOneofs"
-                            >
-                              optionalObjectWithOneofs
-                            </label>
-                          </div>
                           <div
                             className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
                             style={{}}
@@ -12047,107 +12864,9 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 className="ant-form-item-control-input-content"
                               >
                                 <div>
-                                  <div>
-                                    <div
-                                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                                      className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-xepvsj ant-select-single ant-select-show-arrow ant-select-disabled"
-                                      name="root_optionalObjectWithOneofs__oneof_select"
-                                      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_optionalObjectWithOneofs__oneof_select_list"
-                                              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                                              aria-expanded={false}
-                                              aria-haspopup="listbox"
-                                              aria-owns="root_optionalObjectWithOneofs__oneof_select_list"
-                                              autoComplete="off"
-                                              className="ant-select-selection-search-input"
-                                              disabled={true}
-                                              id="root_optionalObjectWithOneofs__oneof_select"
-                                              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-item"
-                                            title="Option 1"
-                                          >
-                                            Option 1
-                                          </span>
-                                        </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="rjsf-field rjsf-field-object"
+                                    className="rjsf-field rjsf-field-array"
                                   >
                                     <div
                                       className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
@@ -12171,7 +12890,8 @@ exports[`single fields optional data controls shows "add" optional controls when
                                               className="ant-form-item-control-input-content"
                                             >
                                               <fieldset
-                                                id="root_optionalObjectWithOneofs"
+                                                className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
+                                                id="root_optionalArrayWithAnyofs"
                                               >
                                                 <div
                                                   className="ant-row css-dev-only-do-not-override-xepvsj"
@@ -12194,11 +12914,11 @@ exports[`single fields optional data controls shows "add" optional controls when
                                                   >
                                                     <label
                                                       className=""
-                                                      htmlFor="root_optionalObjectWithOneofs__title"
+                                                      htmlFor="root_optionalArrayWithAnyofs__title"
                                                       onClick={[Function]}
-                                                      title="optionalObjectWithOneofs"
+                                                      title="optionalArrayWithAnyofs"
                                                     >
-                                                      optionalObjectWithOneofs
+                                                      optionalArrayWithAnyofs
                                                     </label>
                                                     <div
                                                       className="ant-divider css-dev-only-do-not-override-xepvsj ant-divider-horizontal ant-divider-sm"
@@ -12211,16 +12931,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                                     />
                                                   </div>
                                                   <div
-                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
-                                                    style={
-                                                      {
-                                                        "paddingLeft": 12,
-                                                        "paddingRight": 12,
-                                                      }
-                                                    }
-                                                  />
-                                                  <div
-                                                    className="ant-col ant-col-24 css-dev-only-do-not-override-xepvsj"
+                                                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-xepvsj"
                                                     style={
                                                       {
                                                         "paddingLeft": 12,
@@ -12228,78 +12939,11 @@ exports[`single fields optional data controls shows "add" optional controls when
                                                       }
                                                     }
                                                   >
-                                                    <div
-                                                      className="rjsf-field rjsf-field-string"
+                                                    <em
+                                                      id="root_optionalArrayWithAnyofs__optionalMsg"
                                                     >
-                                                      <div
-                                                        className="ant-form-item css-dev-only-do-not-override-xepvsj ant-form-item-horizontal"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item-row css-dev-only-do-not-override-xepvsj"
-                                                          style={
-                                                            {
-                                                              "rowGap": undefined,
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-xepvsj"
-                                                            style={{}}
-                                                          >
-                                                            <label
-                                                              className=""
-                                                              htmlFor="root_optionalObjectWithOneofs_name"
-                                                              title="name"
-                                                            >
-                                                              name
-                                                            </label>
-                                                          </div>
-                                                          <div
-                                                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-xepvsj"
-                                                            style={{}}
-                                                          >
-                                                            <div
-                                                              className="ant-form-item-control-input"
-                                                            >
-                                                              <div
-                                                                className="ant-form-item-control-input-content"
-                                                              >
-                                                                <span
-                                                                  className="ant-input-affix-wrapper ant-input-disabled ant-input-affix-wrapper-disabled css-dev-only-do-not-override-xepvsj ant-input-outlined"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    {
-                                                                      "width": "100%",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <input
-                                                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                                                    className="ant-input ant-input-disabled css-dev-only-do-not-override-xepvsj"
-                                                                    disabled={true}
-                                                                    id="root_optionalObjectWithOneofs_name"
-                                                                    name="root_optionalObjectWithOneofs_name"
-                                                                    onBlur={[Function]}
-                                                                    onChange={[Function]}
-                                                                    onCompositionEnd={[Function]}
-                                                                    onCompositionStart={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    onKeyUp={[Function]}
-                                                                    placeholder=""
-                                                                    type="text"
-                                                                    value=""
-                                                                  />
-                                                                  <span
-                                                                    className="ant-input-suffix"
-                                                                  />
-                                                                </span>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </div>
-                                                      </div>
-                                                    </div>
+                                                      No data for optional field
+                                                    </em>
                                                   </div>
                                                 </div>
                                               </fieldset>
diff --git a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
index 949b0504b6..fdec33e79a 100644
--- a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap
@@ -6705,7 +6705,7 @@ exports[`single fields optional data controls does not show optional controls wh
   }
 }
 
-.emotion-132 {
+.emotion-167 {
   margin-top: var(--chakra-spacing-3);
 }
 
@@ -7890,1465 +7890,12 @@ exports[`single fields optional data controls does not show optional controls wh
               </fieldset>
             </div>
           </div>
-        </div>
-      </div>
-    </fieldset>
-  </div>
-  <div
-    className="emotion-132"
-  >
-    <button
-      className="chakra-button emotion-47"
-      disabled={false}
-      type="submit"
-    >
-      Submit
-    </button>
-  </div>
-</form>
-`;
-
-exports[`single fields optional data controls does not show optional controls when not turned on in uiSchema, readonly and no formData 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-top: var(--chakra-spacing-1);
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-@layer recipes {
-  .emotion-3 {
-    font-family: var(--chakra-fonts-heading);
-    font-weight: var(--chakra-font-weights-semibold);
-    font-size: var(--chakra-font-sizes-xl);
-    line-height: 1.875rem;
-  }
-}
-
-@layer recipes {
-  .emotion-4 {
-    display: block;
-    border-color: var(--chakra-colors-border);
-    --separator-thickness: 1px;
-    border-style: solid;
-    border-top-width: var(--separator-thickness);
-  }
-}
-
-.emotion-5 {
-  display: grid;
-  gap: var(--chakra-spacing-4);
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-.emotion-14 {
-  margin-bottom: var(--chakra-spacing-1);
-}
-
-@layer recipes {
-  .emotion-14 {
-    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-15 {
-    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-15:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-  }
-}
-
-@layer recipes {
-  .emotion-16 {
-    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-16:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .emotion-16:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    --focus-ring-color: var(--error-color);
-    border-color: var(--error-color);
-  }
-
-  .emotion-16: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-44 {
-  display: grid;
-}
-
-.emotion-45 {
-  justify-self: flex-end;
-}
-
-.emotion-46 {
-  margin-top: var(--chakra-spacing-2);
-}
-
-@layer recipes {
-  .emotion-47 {
-    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-47: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-47:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .emotion-47 :where(svg) {
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    width: var(--chakra-sizes-5);
-    height: var(--chakra-sizes-5);
-  }
-
-  .emotion-47: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-47: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));
-    }
-  }
-}
-
-.emotion-97 {
-  margin-bottom: var(--chakra-spacing-2);
-}
-
-@layer recipes {
-  .emotion-97 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    position: relative;
-    min-width: 0;
-    word-wrap: break-word;
-    border-radius: var(--chakra-radii-l3);
-    color: var(--chakra-colors-fg);
-    text-align: start;
-    background: var(--chakra-colors-bg-panel);
-    --bg-currentcolor: var(--chakra-colors-bg-panel);
-    border-width: 1px;
-    border-color: var(--chakra-colors-border);
-    --card-padding: var(--chakra-spacing-6);
-  }
-}
-
-.emotion-98 {
-  padding-bottom: var(--chakra-spacing-2);
-}
-
-@layer recipes {
-  .emotion-98 {
-    padding: var(--card-padding);
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-  }
-}
-
-.emotion-99 {
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-.emotion-100 {
-  margin-bottom: var(--chakra-spacing-1);
-  position: relative;
-}
-
-@layer recipes {
-  .emotion-100 {
-    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-102 {
-    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-103 {
-    position: relative;
-  }
-}
-
-@layer recipes {
-  .emotion-105 {
-    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-105: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-105: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-105:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .emotion-105:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    border-color: var(--chakra-colors-border-error);
-  }
-
-  .emotion-105:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
-    border-color: var(--chakra-colors-border-emphasized);
-  }
-}
-
-@layer recipes {
-  .emotion-106 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-    text-wrap: wrap;
-    max-width: 80%;
-  }
-}
-
-@layer recipes {
-  .emotion-107 {
-    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-108 {
-    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-108:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    color: var(--chakra-colors-fg-subtle);
-  }
-
-  .emotion-108:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    color: var(--chakra-colors-fg-error);
-  }
-
-  .emotion-108 :where(svg) {
-    width: var(--chakra-sizes-4);
-    height: var(--chakra-sizes-4);
-  }
-}
-
-.emotion-109 {
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-
-.emotion-110 {
-  min-width: 100%!important;
-  z-index: 2!important;
-  top: calc(100% + 5px)!important;
-}
-
-@layer recipes {
-  .emotion-111 {
-    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-111: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-111: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-111: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-111: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-111: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-111: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-111: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-111: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-111: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-111: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-112 {
-    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-112[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-112:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    pointer-events: none;
-    opacity: 0.5;
-  }
-
-  .emotion-112 :where(svg) {
-    width: var(--chakra-sizes-4);
-    height: var(--chakra-sizes-4);
-  }
-}
-
-@layer recipes {
-  .emotion-113 {
-    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-132 {
-  margin-top: var(--chakra-spacing-3);
-}
-
-<form
-  className="rjsf"
-  noValidate={false}
-  onSubmit={[Function]}
->
-  <div
-    className="rjsf-field rjsf-field-object"
-  >
-    <fieldset
-      aria-labelledby="fieldset:::r5g:::legend"
-      className="fieldset__root emotion-0"
-      data-part="root"
-      data-scope="fieldset"
-      disabled={false}
-    >
-      <div
-        className="fieldset__content emotion-1"
-      >
-        <div
-          className="emotion-2"
-          id="root__title"
-        >
-          <h5
-            className="chakra-heading emotion-3"
-          >
-            test
-          </h5>
-          <span
-            aria-orientation="horizontal"
-            className="chakra-separator emotion-4"
-            role="separator"
-          />
-        </div>
-        <div
-          className="emotion-5"
-        >
-          <div />
-          <div>
-            <div
-              className="rjsf-field rjsf-field-object"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r5h:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div
-                    className="emotion-2"
-                    id="root_nestedObjectOptional__title"
-                  >
-                    <h5
-                      className="chakra-heading emotion-3"
-                    >
-                      nestedObjectOptional
-                    </h5>
-                    <span
-                      aria-orientation="horizontal"
-                      className="chakra-separator emotion-4"
-                      role="separator"
-                    />
-                  </div>
-                  <div
-                    className="emotion-5"
-                  >
-                    <div />
-                    <div>
-                      <div
-                        className="rjsf-field rjsf-field-string"
-                      >
-                        <fieldset
-                          aria-labelledby="fieldset:::r5i:::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-14"
-                              data-disabled=""
-                              data-part="root"
-                              data-readonly=""
-                              data-scope="field"
-                              id="field:::r5j:"
-                              role="group"
-                            >
-                              <label
-                                className="chakra-field__label emotion-15"
-                                data-disabled=""
-                                data-part="label"
-                                data-readonly=""
-                                data-scope="field"
-                                htmlFor=":r5j:"
-                                id="field:::r5j:::label"
-                              >
-                                test
-                              </label>
-                              <input
-                                aria-describedby="root_nestedObjectOptional_test__error root_nestedObjectOptional_test__description root_nestedObjectOptional_test__help"
-                                autoFocus={false}
-                                className="chakra-input emotion-16"
-                                data-part="input"
-                                data-readonly=""
-                                data-scope="field"
-                                disabled={true}
-                                id="root_nestedObjectOptional_test"
-                                name="root_nestedObjectOptional_test"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                placeholder=""
-                                readOnly={true}
-                                required={false}
-                                type="text"
-                                value=""
-                              />
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                    <div>
-                      <div
-                        className="rjsf-field rjsf-field-object"
-                      >
-                        <fieldset
-                          aria-labelledby="fieldset:::r5k:::legend"
-                          className="fieldset__root emotion-0"
-                          data-part="root"
-                          data-scope="fieldset"
-                          disabled={false}
-                        >
-                          <div
-                            className="fieldset__content emotion-1"
-                          >
-                            <div
-                              className="emotion-2"
-                              id="root_nestedObjectOptional_deepObjectOptional__title"
-                            >
-                              <h5
-                                className="chakra-heading emotion-3"
-                              >
-                                deepObjectOptional
-                              </h5>
-                              <span
-                                aria-orientation="horizontal"
-                                className="chakra-separator emotion-4"
-                                role="separator"
-                              />
-                            </div>
-                            <div
-                              className="emotion-5"
-                            >
-                              <div />
-                              <div>
-                                <div
-                                  className="rjsf-field rjsf-field-string"
-                                >
-                                  <fieldset
-                                    aria-labelledby="fieldset:::r5l:::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-14"
-                                        data-disabled=""
-                                        data-part="root"
-                                        data-readonly=""
-                                        data-scope="field"
-                                        id="field:::r5m:"
-                                        role="group"
-                                      >
-                                        <label
-                                          className="chakra-field__label emotion-15"
-                                          data-disabled=""
-                                          data-part="label"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          htmlFor=":r5m:"
-                                          id="field:::r5m:::label"
-                                        >
-                                          deepTest
-                                        </label>
-                                        <input
-                                          aria-describedby="root_nestedObjectOptional_deepObjectOptional_deepTest__error root_nestedObjectOptional_deepObjectOptional_deepTest__description root_nestedObjectOptional_deepObjectOptional_deepTest__help"
-                                          autoFocus={false}
-                                          className="chakra-input emotion-16"
-                                          data-part="input"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          disabled={true}
-                                          id="root_nestedObjectOptional_deepObjectOptional_deepTest"
-                                          name="root_nestedObjectOptional_deepObjectOptional_deepTest"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          placeholder=""
-                                          readOnly={true}
-                                          required={false}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </div>
-                                    </div>
-                                  </fieldset>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                    <div>
-                      <div
-                        className="rjsf-field rjsf-field-object"
-                      >
-                        <fieldset
-                          aria-labelledby="fieldset:::r5n:::legend"
-                          className="fieldset__root emotion-0"
-                          data-part="root"
-                          data-scope="fieldset"
-                          disabled={false}
-                        >
-                          <div
-                            className="fieldset__content emotion-1"
-                          >
-                            <div
-                              className="emotion-2"
-                              id="root_nestedObjectOptional_deepObject__title"
-                            >
-                              <h5
-                                className="chakra-heading emotion-3"
-                              >
-                                deepObject
-                              </h5>
-                              <span
-                                aria-orientation="horizontal"
-                                className="chakra-separator emotion-4"
-                                role="separator"
-                              />
-                            </div>
-                            <div
-                              className="emotion-5"
-                            >
-                              <div />
-                              <div>
-                                <div
-                                  className="rjsf-field rjsf-field-string"
-                                >
-                                  <fieldset
-                                    aria-labelledby="fieldset:::r5o:::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-14"
-                                        data-disabled=""
-                                        data-part="root"
-                                        data-readonly=""
-                                        data-scope="field"
-                                        id="field:::r5p:"
-                                        role="group"
-                                      >
-                                        <label
-                                          className="chakra-field__label emotion-15"
-                                          data-disabled=""
-                                          data-part="label"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          htmlFor=":r5p:"
-                                          id="field:::r5p:::label"
-                                        >
-                                          deepTest
-                                        </label>
-                                        <input
-                                          aria-describedby="root_nestedObjectOptional_deepObject_deepTest__error root_nestedObjectOptional_deepObject_deepTest__description root_nestedObjectOptional_deepObject_deepTest__help"
-                                          autoFocus={false}
-                                          className="chakra-input emotion-16"
-                                          data-part="input"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          disabled={true}
-                                          id="root_nestedObjectOptional_deepObject_deepTest"
-                                          name="root_nestedObjectOptional_deepObject_deepTest"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          placeholder=""
-                                          readOnly={true}
-                                          required={false}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </div>
-                                    </div>
-                                  </fieldset>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                    <div>
-                      <div
-                        className="rjsf-field rjsf-field-array"
-                      >
-                        <fieldset
-                          aria-labelledby="fieldset:::r5q:::legend"
-                          className="fieldset__root emotion-0"
-                          data-part="root"
-                          data-scope="fieldset"
-                          disabled={false}
-                        >
-                          <div
-                            className="fieldset__content emotion-1"
-                          >
-                            <div>
-                              <div
-                                className="emotion-2"
-                                id="root_nestedObjectOptional_deepArrayOptional__title"
-                              >
-                                <h5
-                                  className="chakra-heading emotion-3"
-                                >
-                                  deepArrayOptional
-                                </h5>
-                                <span
-                                  aria-orientation="horizontal"
-                                  className="chakra-separator emotion-4"
-                                  role="separator"
-                                />
-                              </div>
-                              <div
-                                className="emotion-44"
-                              >
-                                <div />
-                                <div
-                                  className="emotion-45"
-                                >
-                                  <div
-                                    className="emotion-46"
-                                  >
-                                    <button
-                                      className="chakra-button rjsf-array-item-add emotion-47"
-                                      disabled={true}
-                                      id="root_nestedObjectOptional_deepArrayOptional__add"
-                                      onClick={[Function]}
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        className="lucide lucide-plus"
-                                        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="M5 12h14"
-                                        />
-                                        <path
-                                          d="M12 5v14"
-                                        />
-                                      </svg>
-                                      Add Item
-                                    </button>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                    <div>
-                      <div
-                        className="rjsf-field rjsf-field-array"
-                      >
-                        <fieldset
-                          aria-labelledby="fieldset:::r5r:::legend"
-                          className="fieldset__root emotion-0"
-                          data-part="root"
-                          data-scope="fieldset"
-                          disabled={false}
-                        >
-                          <div
-                            className="fieldset__content emotion-1"
-                          >
-                            <div>
-                              <div
-                                className="emotion-2"
-                                id="root_nestedObjectOptional_deepArrayOptional2__title"
-                              >
-                                <h5
-                                  className="chakra-heading emotion-3"
-                                >
-                                  deepArrayOptional2
-                                </h5>
-                                <span
-                                  aria-orientation="horizontal"
-                                  className="chakra-separator emotion-4"
-                                  role="separator"
-                                />
-                              </div>
-                              <div
-                                className="emotion-44"
-                              >
-                                <div />
-                                <div
-                                  className="emotion-45"
-                                >
-                                  <div
-                                    className="emotion-46"
-                                  >
-                                    <button
-                                      className="chakra-button rjsf-array-item-add emotion-47"
-                                      disabled={true}
-                                      id="root_nestedObjectOptional_deepArrayOptional2__add"
-                                      onClick={[Function]}
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        className="lucide lucide-plus"
-                                        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="M5 12h14"
-                                        />
-                                        <path
-                                          d="M12 5v14"
-                                        />
-                                      </svg>
-                                      Add Item
-                                    </button>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                    <div>
-                      <div
-                        className="rjsf-field rjsf-field-array"
-                      >
-                        <fieldset
-                          aria-labelledby="fieldset:::r5s:::legend"
-                          className="fieldset__root emotion-0"
-                          data-part="root"
-                          data-scope="fieldset"
-                          disabled={false}
-                        >
-                          <div
-                            className="fieldset__content emotion-1"
-                          >
-                            <div>
-                              <div
-                                className="emotion-2"
-                                id="root_nestedObjectOptional_deepArray__title"
-                              >
-                                <h5
-                                  className="chakra-heading emotion-3"
-                                >
-                                  deepArray
-                                </h5>
-                                <span
-                                  aria-orientation="horizontal"
-                                  className="chakra-separator emotion-4"
-                                  role="separator"
-                                />
-                              </div>
-                              <div
-                                className="emotion-44"
-                              >
-                                <div />
-                                <div
-                                  className="emotion-45"
-                                >
-                                  <div
-                                    className="emotion-46"
-                                  >
-                                    <button
-                                      className="chakra-button rjsf-array-item-add emotion-47"
-                                      disabled={true}
-                                      id="root_nestedObjectOptional_deepArray__add"
-                                      onClick={[Function]}
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        className="lucide lucide-plus"
-                                        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="M5 12h14"
-                                        />
-                                        <path
-                                          d="M12 5v14"
-                                        />
-                                      </svg>
-                                      Add Item
-                                    </button>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-array"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r5t:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div>
-                    <div
-                      className="emotion-2"
-                      id="root_nestedArrayOptional__title"
-                    >
-                      <h5
-                        className="chakra-heading emotion-3"
-                      >
-                        nestedArrayOptional
-                      </h5>
-                      <span
-                        aria-orientation="horizontal"
-                        className="chakra-separator emotion-4"
-                        role="separator"
-                      />
-                    </div>
-                    <div
-                      className="emotion-44"
-                    >
-                      <div />
-                      <div
-                        className="emotion-45"
-                      >
-                        <div
-                          className="emotion-46"
-                        >
-                          <button
-                            className="chakra-button rjsf-array-item-add emotion-47"
-                            disabled={true}
-                            id="root_nestedArrayOptional__add"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              className="lucide lucide-plus"
-                              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="M5 12h14"
-                              />
-                              <path
-                                d="M12 5v14"
-                              />
-                            </svg>
-                            Add Item
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-object"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r5u:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div
-                    className="emotion-2"
-                    id="root_nestedObject__title"
-                  >
-                    <h5
-                      className="chakra-heading emotion-3"
-                    >
-                      nestedObject
-                    </h5>
-                    <span
-                      aria-orientation="horizontal"
-                      className="chakra-separator emotion-4"
-                      role="separator"
-                    />
-                  </div>
-                  <div
-                    className="emotion-5"
-                  >
-                    <div />
-                    <div>
-                      <div
-                        className="rjsf-field rjsf-field-string"
-                      >
-                        <fieldset
-                          aria-labelledby="fieldset:::r5v:::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-14"
-                              data-disabled=""
-                              data-part="root"
-                              data-readonly=""
-                              data-scope="field"
-                              id="field:::r60:"
-                              role="group"
-                            >
-                              <label
-                                className="chakra-field__label emotion-15"
-                                data-disabled=""
-                                data-part="label"
-                                data-readonly=""
-                                data-scope="field"
-                                htmlFor=":r60:"
-                                id="field:::r60:::label"
-                              >
-                                test
-                              </label>
-                              <input
-                                aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
-                                autoFocus={false}
-                                className="chakra-input emotion-16"
-                                data-part="input"
-                                data-readonly=""
-                                data-scope="field"
-                                disabled={true}
-                                id="root_nestedObject_test"
-                                name="root_nestedObject_test"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                placeholder=""
-                                readOnly={true}
-                                required={false}
-                                type="text"
-                                value=""
-                              />
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-array"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r61:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div>
-                    <div
-                      className="emotion-2"
-                      id="root_nestedArray__title"
-                    >
-                      <h5
-                        className="chakra-heading emotion-3"
-                      >
-                        nestedArray
-                      </h5>
-                      <span
-                        aria-orientation="horizontal"
-                        className="chakra-separator emotion-4"
-                        role="separator"
-                      />
-                    </div>
-                    <div
-                      className="emotion-44"
-                    >
-                      <div />
-                      <div
-                        className="emotion-45"
-                      >
-                        <div
-                          className="emotion-46"
-                        >
-                          <button
-                            className="chakra-button rjsf-array-item-add emotion-47"
-                            disabled={true}
-                            id="root_nestedArray__add"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              className="lucide lucide-plus"
-                              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="M5 12h14"
-                              />
-                              <path
-                                d="M12 5v14"
-                              />
-                            </svg>
-                            Add Item
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
           <div>
             <div
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r62:::legend"
+                aria-labelledby="fieldset:::r4b:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -9368,43 +7915,38 @@ exports[`single fields optional data controls does not show optional controls wh
                       >
                         <div
                           className="chakra-field__root emotion-100"
-                          data-disabled=""
                           data-part="root"
-                          data-readonly=""
                           data-scope="field"
-                          id="field:::r63:"
+                          id="field:::r4c:"
                           role="group"
                         >
                           <label
                             className="chakra-field__label emotion-15"
-                            data-disabled=""
                             data-part="label"
-                            data-readonly=""
                             data-scope="field"
-                            htmlFor=":r63:"
-                            id="field:::r63:::label"
+                            htmlFor=":r4c:"
+                            id="field:::r4c:::label"
                           >
-                            optionalObjectWithOneofs
+                            optionalArrayWithAnyofs
                           </label>
                           <div
-                            aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
+                            aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
                             className="chakra-select__root emotion-102"
                             data-part="root"
-                            data-readonly=""
                             data-scope="select"
                             dir="ltr"
-                            id="select:root_optionalObjectWithOneofs__oneof_select"
+                            id="select:root_optionalArrayWithAnyofs__anyof_select"
                             onBlur={[Function]}
                             onFocus={[Function]}
                           >
                             <select
                               aria-hidden={true}
-                              aria-labelledby="field:::r63:::label"
+                              aria-labelledby="field:::r4c:::label"
                               defaultValue="0"
-                              disabled={true}
-                              id=":r63:"
+                              disabled={false}
+                              id=":r4c:"
                               multiple={false}
-                              name="root_optionalObjectWithOneofs__oneof_select"
+                              name="root_optionalArrayWithAnyofs__anyof_select"
                               onFocus={[Function]}
                               required={false}
                               style={
@@ -9444,37 +7986,33 @@ exports[`single fields optional data controls does not show optional controls wh
                             </select>
                             <div
                               className="chakra-select__control emotion-103"
-                              data-disabled=""
                               data-part="control"
                               data-scope="select"
                               data-state="closed"
                               dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select:control"
+                              id="select:root_optionalArrayWithAnyofs__anyof_select:control"
                             >
                               <div
                                 className="chakra-select__control emotion-103"
-                                data-disabled=""
                                 data-part="control"
                                 data-scope="select"
                                 data-state="closed"
                                 dir="ltr"
-                                id="select:root_optionalObjectWithOneofs__oneof_select:control"
+                                id="select:root_optionalArrayWithAnyofs__anyof_select:control"
                               >
                                 <button
-                                  aria-controls="select:root_optionalObjectWithOneofs__oneof_select:content"
+                                  aria-controls="select:root_optionalArrayWithAnyofs__anyof_select:content"
                                   aria-expanded={false}
                                   aria-haspopup="listbox"
                                   aria-invalid={false}
-                                  aria-labelledby="field:::r63:::label"
+                                  aria-labelledby="field:::r4c:::label"
                                   className="chakra-select__trigger emotion-105"
-                                  data-disabled=""
                                   data-part="trigger"
-                                  data-readonly=""
                                   data-scope="select"
                                   data-state="closed"
                                   dir="ltr"
-                                  disabled={true}
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:trigger"
+                                  disabled={false}
+                                  id="select:root_optionalArrayWithAnyofs__anyof_select:trigger"
                                   onBlur={[Function]}
                                   onClick={[Function]}
                                   onFocus={[Function]}
@@ -9484,7 +8022,6 @@ exports[`single fields optional data controls does not show optional controls wh
                                 >
                                   <span
                                     className="chakra-select__valueText emotion-106"
-                                    data-disabled=""
                                     data-part="value-text"
                                     data-scope="select"
                                     dir="ltr"
@@ -9498,9 +8035,7 @@ exports[`single fields optional data controls does not show optional controls wh
                                   <div
                                     aria-hidden={true}
                                     className="chakra-select__indicator emotion-108"
-                                    data-disabled=""
                                     data-part="indicator"
-                                    data-readonly=""
                                     data-scope="select"
                                     data-state="closed"
                                     dir="ltr"
@@ -9522,7 +8057,7 @@ exports[`single fields optional data controls does not show optional controls wh
                               data-part="positioner"
                               data-scope="select"
                               dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select:positioner"
+                              id="select:root_optionalArrayWithAnyofs__anyof_select:positioner"
                               style={
                                 {
                                   "isolation": "isolate",
@@ -9540,29 +8075,27 @@ exports[`single fields optional data controls does not show optional controls wh
                               }
                             >
                               <div
-                                aria-labelledby="field:::r63:::label"
+                                aria-labelledby="field:::r4c:::label"
                                 className="chakra-select__content emotion-111"
                                 data-part="content"
                                 data-scope="select"
                                 data-state="closed"
                                 dir="ltr"
                                 hidden={true}
-                                id="select:root_optionalObjectWithOneofs__oneof_select:content"
+                                id="select:root_optionalArrayWithAnyofs__anyof_select:content"
                                 onKeyDown={[Function]}
                                 role="listbox"
                                 tabIndex={0}
                               >
                                 <div
-                                  aria-disabled="true"
                                   aria-selected={true}
                                   className="chakra-select__item emotion-112"
-                                  data-disabled=""
                                   data-part="item"
                                   data-scope="select"
                                   data-state="checked"
                                   data-value="0"
                                   dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:0"
+                                  id="select:root_optionalArrayWithAnyofs__anyof_select:option:0"
                                   onClick={[Function]}
                                   onPointerLeave={[Function]}
                                   onPointerMove={[Function]}
@@ -9588,16 +8121,14 @@ exports[`single fields optional data controls does not show optional controls wh
                                   </div>
                                 </div>
                                 <div
-                                  aria-disabled="true"
                                   aria-selected={false}
                                   className="chakra-select__item emotion-112"
-                                  data-disabled=""
                                   data-part="item"
                                   data-scope="select"
                                   data-state="unchecked"
                                   data-value="1"
                                   dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:1"
+                                  id="select:root_optionalArrayWithAnyofs__anyof_select:option:1"
                                   onClick={[Function]}
                                   onPointerLeave={[Function]}
                                   onPointerMove={[Function]}
@@ -9623,16 +8154,14 @@ exports[`single fields optional data controls does not show optional controls wh
                                   </div>
                                 </div>
                                 <div
-                                  aria-disabled="true"
                                   aria-selected={false}
                                   className="chakra-select__item emotion-112"
-                                  data-disabled=""
                                   data-part="item"
                                   data-scope="select"
                                   data-state="unchecked"
                                   data-value="2"
                                   dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:2"
+                                  id="select:root_optionalArrayWithAnyofs__anyof_select:option:2"
                                   onClick={[Function]}
                                   onPointerLeave={[Function]}
                                   onPointerMove={[Function]}
@@ -9663,10 +8192,10 @@ exports[`single fields optional data controls does not show optional controls wh
                         </div>
                       </div>
                       <div
-                        className="rjsf-field rjsf-field-object"
+                        className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r65:::legend"
+                          aria-labelledby="fieldset:::r4e:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -9675,81 +8204,62 @@ exports[`single fields optional data controls does not show optional controls wh
                           <div
                             className="fieldset__content emotion-1"
                           >
-                            <div
-                              className="emotion-2"
-                              id="root_optionalObjectWithOneofs__title"
-                            >
-                              <h5
-                                className="chakra-heading emotion-3"
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_optionalArrayWithAnyofs__title"
                               >
-                                optionalObjectWithOneofs
-                              </h5>
-                              <span
-                                aria-orientation="horizontal"
-                                className="chakra-separator emotion-4"
-                                role="separator"
-                              />
-                            </div>
-                            <div
-                              className="emotion-5"
-                            >
-                              <div />
-                              <div>
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  optionalArrayWithAnyofs
+                                </h5>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-44"
+                              >
+                                <div />
                                 <div
-                                  className="rjsf-field rjsf-field-string"
+                                  className="emotion-45"
                                 >
-                                  <fieldset
-                                    aria-labelledby="fieldset:::r66:::legend"
-                                    className="fieldset__root emotion-0"
-                                    data-part="root"
-                                    data-scope="fieldset"
-                                    disabled={false}
+                                  <div
+                                    className="emotion-46"
                                   >
-                                    <div
-                                      className="fieldset__content emotion-1"
+                                    <button
+                                      className="chakra-button rjsf-array-item-add emotion-47"
+                                      disabled={false}
+                                      id="root_optionalArrayWithAnyofs__add"
+                                      onClick={[Function]}
+                                      type="button"
                                     >
-                                      <div
-                                        className="chakra-field__root emotion-14"
-                                        data-disabled=""
-                                        data-part="root"
-                                        data-readonly=""
-                                        data-scope="field"
-                                        id="field:::r67:"
-                                        role="group"
+                                      <svg
+                                        aria-hidden="true"
+                                        className="lucide lucide-plus"
+                                        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"
                                       >
-                                        <label
-                                          className="chakra-field__label emotion-15"
-                                          data-disabled=""
-                                          data-part="label"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          htmlFor=":r67:"
-                                          id="field:::r67:::label"
-                                        >
-                                          name
-                                        </label>
-                                        <input
-                                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                          autoFocus={false}
-                                          className="chakra-input emotion-16"
-                                          data-part="input"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          disabled={true}
-                                          id="root_optionalObjectWithOneofs_name"
-                                          name="root_optionalObjectWithOneofs_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          placeholder=""
-                                          readOnly={true}
-                                          required={false}
-                                          type="text"
-                                          value=""
+                                        <path
+                                          d="M5 12h14"
                                         />
-                                      </div>
-                                    </div>
-                                  </fieldset>
+                                        <path
+                                          d="M12 5v14"
+                                        />
+                                      </svg>
+                                      Add Item
+                                    </button>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -9767,7 +8277,7 @@ exports[`single fields optional data controls does not show optional controls wh
     </fieldset>
   </div>
   <div
-    className="emotion-132"
+    className="emotion-167"
   >
     <button
       className="chakra-button emotion-47"
@@ -9780,7 +8290,7 @@ exports[`single fields optional data controls does not show optional controls wh
 </form>
 `;
 
-exports[`single fields optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 1`] = `
+exports[`single fields optional data controls does not show optional controls when not turned on in uiSchema, readonly and no formData 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -9795,171 +8305,61 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 
   .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-top: var(--chakra-spacing-1);
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-@layer recipes {
-  .emotion-3 {
-    font-family: var(--chakra-fonts-heading);
-    font-weight: var(--chakra-font-weights-semibold);
-    font-size: var(--chakra-font-sizes-xl);
-    line-height: 1.875rem;
-  }
-}
-
-@layer recipes {
-  .emotion-4 {
-    display: block;
-    border-color: var(--chakra-colors-border);
-    --separator-thickness: 1px;
-    border-style: solid;
-    border-top-width: var(--separator-thickness);
-  }
-}
-
-.emotion-5 {
-  display: grid;
-  gap: var(--chakra-spacing-4);
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-.emotion-9 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-@layer recipes {
-  .emotion-11 {
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    justify-self: stretch;
-    -webkit-align-self: stretch;
-    -ms-flex-item-align: stretch;
-    align-self: stretch;
-  }
-}
-
-.emotion-12 {
-  padding-inline: 0;
-  padding-block: 0;
-}
-
-@layer recipes {
-  .emotion-12 {
-    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: 1rem;
-    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-8);
-    min-width: var(--chakra-sizes-8);
-    font-size: var(--chakra-font-sizes-xs);
-    padding-inline: var(--chakra-spacing-2\\.5);
-    gap: var(--chakra-spacing-1);
-    background: var(--chakra-colors-color-palette-subtle);
-    --bg-currentcolor: var(--chakra-colors-color-palette-subtle);
-    color: var(--chakra-colors-color-palette-fg);
-  }
-
-  .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);
+    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-12:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: not-allowed;
+@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-12 :where(svg) {
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    width: var(--chakra-sizes-4);
-    height: var(--chakra-sizes-4);
-  }
+.emotion-2 {
+  margin-top: var(--chakra-spacing-1);
+  margin-bottom: var(--chakra-spacing-4);
+}
 
-  .emotion-12:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
-    background: var(--chakra-colors-color-palette-muted);
-    --bg-currentcolor: var(--chakra-colors-color-palette-muted);
+@layer recipes {
+  .emotion-3 {
+    font-family: var(--chakra-fonts-heading);
+    font-weight: var(--chakra-font-weights-semibold);
+    font-size: var(--chakra-font-sizes-xl);
+    line-height: 1.875rem;
   }
+}
 
-  @media (hover: hover) {
-    .emotion-12:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
-      background: var(--chakra-colors-color-palette-muted);
-      --bg-currentcolor: var(--chakra-colors-color-palette-muted);
-    }
+@layer recipes {
+  .emotion-4 {
+    display: block;
+    border-color: var(--chakra-colors-border);
+    --separator-thickness: 1px;
+    border-style: solid;
+    border-top-width: var(--separator-thickness);
   }
 }
 
-.emotion-12 :where(svg) {
-  font-size: 1.2em;
+.emotion-5 {
+  display: grid;
+  gap: var(--chakra-spacing-4);
+  margin-bottom: var(--chakra-spacing-4);
 }
 
-.emotion-17 {
+.emotion-14 {
   margin-bottom: var(--chakra-spacing-1);
 }
 
 @layer recipes {
-  .emotion-17 {
+  .emotion-14 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -9978,7 +8378,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 }
 
 @layer recipes {
-  .emotion-18 {
+  .emotion-15 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -9998,13 +8398,13 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     user-select: none;
   }
 
-  .emotion-18:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-15:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
   }
 }
 
 @layer recipes {
-  .emotion-19 {
+  .emotion-16 {
     width: 100%;
     min-width: var(--input-height);
     outline: 0;
@@ -10029,17 +8429,17 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     --focus-ring-color: var(--focus-color);
   }
 
-  .emotion-19:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-16:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-19:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+  .emotion-16:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
     --focus-ring-color: var(--error-color);
     border-color: var(--error-color);
   }
 
-  .emotion-19:is(:focus-visible, [data-focus-visible]) {
+  .emotion-16:is(:focus-visible, [data-focus-visible]) {
     outline-offset: 0px;
     outline-width: var(--focus-ring-width, 1px);
     outline-color: var(--focus-ring-color);
@@ -10048,185 +8448,20 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   }
 }
 
-.emotion-45 {
+.emotion-44 {
   display: grid;
 }
 
-.emotion-46 {
+.emotion-45 {
   justify-self: flex-end;
 }
 
-.emotion-47 {
+.emotion-46 {
   margin-top: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-48 {
-    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-48: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-48:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .emotion-48 :where(svg) {
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    width: var(--chakra-sizes-5);
-    height: var(--chakra-sizes-5);
-  }
-
-  .emotion-48: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-48: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));
-    }
-  }
-}
-
-.emotion-76 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: flex-end;
-  -webkit-box-align: flex-end;
-  -ms-flex-align: flex-end;
-  align-items: flex-end;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  gap: 0.5rem;
-  padding-block: var(--chakra-spacing-1);
-}
-
-.emotion-77 {
-  width: 100%;
-}
-
-@layer recipes {
-  .emotion-82 {
-    color: var(--chakra-colors-fg-error);
-    line-height: 1;
-  }
-}
-
-.emotion-84 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  margin-bottom: var(--chakra-spacing-1);
-}
-
-@layer recipes {
-  .emotion-84 {
-    display: -webkit-inline-box;
-    display: -webkit-inline-flex;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    gap: 0!important;
-    isolation: isolate;
-    position: relative;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row;
-  }
-
-  .emotion-84 [data-group-item]:is(:focus-visible, [data-focus-visible]) {
-    z-index: 1;
-  }
-
-  .emotion-84>*[data-first] {
-    border-start-end-radius: 0!important;
-    border-end-end-radius: 0!important;
-    -webkit-margin-end: -1px;
-    margin-inline-end: -1px;
-  }
-
-  .emotion-84>*[data-between] {
-    border-radius: 0!important;
-    -webkit-margin-end: -1px;
-    margin-inline-end: -1px;
-  }
-
-  .emotion-84>*[data-last] {
-    border-start-start-radius: 0!important;
-    border-end-start-radius: 0!important;
-  }
-}
-
-.emotion-85 {
-  padding-inline: 0;
-  padding-block: 0;
-}
-
-@layer recipes {
-  .emotion-85 {
+  .emotion-47 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -10274,19 +8509,19 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-85:is(:focus-visible, [data-focus-visible]) {
+  .emotion-47: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-85:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-47:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-85 :where(svg) {
+  .emotion-47 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -10294,14 +8529,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-85:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-47: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-85:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-47: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));
@@ -10309,16 +8544,12 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   }
 }
 
-.emotion-85 :where(svg) {
-  font-size: 1.2em;
-}
-
-.emotion-111 {
+.emotion-97 {
   margin-bottom: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-111 {
+  .emotion-97 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -10340,12 +8571,12 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   }
 }
 
-.emotion-112 {
+.emotion-98 {
   padding-bottom: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-112 {
+  .emotion-98 {
     padding: var(--card-padding);
     -webkit-flex: 1;
     -ms-flex: 1;
@@ -10360,17 +8591,17 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   }
 }
 
-.emotion-113 {
+.emotion-99 {
   margin-bottom: var(--chakra-spacing-4);
 }
 
-.emotion-114 {
+.emotion-100 {
   margin-bottom: var(--chakra-spacing-1);
   position: relative;
 }
 
 @layer recipes {
-  .emotion-114 {
+  .emotion-100 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -10389,7 +8620,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 }
 
 @layer recipes {
-  .emotion-116 {
+  .emotion-102 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -10405,13 +8636,13 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 }
 
 @layer recipes {
-  .emotion-117 {
+  .emotion-103 {
     position: relative;
   }
 }
 
 @layer recipes {
-  .emotion-119 {
+  .emotion-105 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -10443,7 +8674,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     border-color: var(--chakra-colors-border);
   }
 
-  .emotion-119:is(:focus-visible, [data-focus-visible]) {
+  .emotion-105:is(:focus-visible, [data-focus-visible]) {
     outline-offset: 0px;
     outline-width: var(--focus-ring-width, 1px);
     outline-color: var(--focus-ring-color);
@@ -10451,27 +8682,27 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     border-color: var(--focus-ring-color);
   }
 
-  .emotion-119:is(:placeholder-shown, [data-placeholder-shown]) {
+  .emotion-105: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-119:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-105:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-119:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+  .emotion-105:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
     border-color: var(--chakra-colors-border-error);
   }
 
-  .emotion-119:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-105:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
     border-color: var(--chakra-colors-border-emphasized);
   }
 }
 
 @layer recipes {
-  .emotion-120 {
+  .emotion-106 {
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 1;
@@ -10482,7 +8713,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 }
 
 @layer recipes {
-  .emotion-121 {
+  .emotion-107 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -10502,7 +8733,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 }
 
 @layer recipes {
-  .emotion-122 {
+  .emotion-108 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -10518,21 +8749,21 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     color: var(--chakra-colors-fg-muted);
   }
 
-  .emotion-122:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-108:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     color: var(--chakra-colors-fg-subtle);
   }
 
-  .emotion-122:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+  .emotion-108:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
     color: var(--chakra-colors-fg-error);
   }
 
-  .emotion-122 :where(svg) {
+  .emotion-108 :where(svg) {
     width: var(--chakra-sizes-4);
     height: var(--chakra-sizes-4);
   }
 }
 
-.emotion-123 {
+.emotion-109 {
   fill: none;
   stroke: currentColor;
   stroke-width: 2;
@@ -10540,14 +8771,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   stroke-linejoin: round;
 }
 
-.emotion-124 {
+.emotion-110 {
   min-width: 100%!important;
   z-index: 2!important;
   top: calc(100% + 5px)!important;
 }
 
 @layer recipes {
-  .emotion-125 {
+  .emotion-111 {
     background: var(--chakra-colors-bg-panel);
     --bg-currentcolor: var(--chakra-colors-bg-panel);
     display: -webkit-box;
@@ -10568,61 +8799,61 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     line-height: 1.25rem;
   }
 
-  .emotion-125:is([open], [data-open], [data-state=open]) {
+  .emotion-111: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-125:is([open], [data-open], [data-state=open])[data-placement^=top] {
+  .emotion-111: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-125:is([open], [data-open], [data-state=open])[data-placement^=bottom] {
+  .emotion-111: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-125:is([open], [data-open], [data-state=open])[data-placement^=left] {
+  .emotion-111: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-125:is([open], [data-open], [data-state=open])[data-placement^=right] {
+  .emotion-111: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-125:is([closed], [data-closed], [data-state=closed]) {
+  .emotion-111: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-125:is([closed], [data-closed], [data-state=closed])[data-placement^=top] {
+  .emotion-111: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-125:is([closed], [data-closed], [data-state=closed])[data-placement^=bottom] {
+  .emotion-111: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-125:is([closed], [data-closed], [data-state=closed])[data-placement^=left] {
+  .emotion-111: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-125:is([closed], [data-closed], [data-state=closed])[data-placement^=right] {
+  .emotion-111: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-126 {
+  .emotion-112 {
     position: relative;
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -10650,25 +8881,25 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     padding-inline: var(--chakra-spacing-2);
   }
 
-  .emotion-126[data-highlighted] {
+  .emotion-112[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-126:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-112:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     pointer-events: none;
     opacity: 0.5;
   }
 
-  .emotion-126 :where(svg) {
+  .emotion-112 :where(svg) {
     width: var(--chakra-sizes-4);
     height: var(--chakra-sizes-4);
   }
 }
 
 @layer recipes {
-  .emotion-127 {
+  .emotion-113 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -10684,7 +8915,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   }
 }
 
-.emotion-146 {
+.emotion-167 {
   margin-top: var(--chakra-spacing-3);
 }
 
@@ -10697,7 +8928,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r4o:::legend"
+      aria-labelledby="fieldset:::r5g:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -10724,12 +8955,13 @@ exports[`single fields optional data controls shows "add" and "remove" optional
         <div
           className="emotion-5"
         >
+          <div />
           <div>
             <div
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4p:::legend"
+                aria-labelledby="fieldset:::r5h:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -10742,50 +8974,11 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                     className="emotion-2"
                     id="root_nestedObjectOptional__title"
                   >
-                    <div
-                      className="emotion-9"
+                    <h5
+                      className="chakra-heading emotion-3"
                     >
-                      <h5
-                        className="chakra-heading emotion-3"
-                      >
-                        nestedObjectOptional
-                      </h5>
-                      <div
-                        className="emotion-11"
-                      />
-                      <button
-                        aria-label="Remove data for optional field"
-                        className="chakra-button rjsf-remove-optional-data btn-sm emotion-12"
-                        id="root_nestedObjectOptional__optionalRemove"
-                        onClick={[Function]}
-                        title="Remove data for optional field"
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          className="lucide lucide-delete"
-                          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="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
-                          />
-                          <path
-                            d="m12 9 6 6"
-                          />
-                          <path
-                            d="m18 9-6 6"
-                          />
-                        </svg>
-                      </button>
-                    </div>
+                      nestedObjectOptional
+                    </h5>
                     <span
                       aria-orientation="horizontal"
                       className="chakra-separator emotion-4"
@@ -10795,12 +8988,13 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                   <div
                     className="emotion-5"
                   >
+                    <div />
                     <div>
                       <div
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4q:::legend"
+                          aria-labelledby="fieldset:::r5i:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -10810,38 +9004,43 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             className="fieldset__content emotion-1"
                           >
                             <div
-                              className="chakra-field__root emotion-17"
+                              className="chakra-field__root emotion-14"
+                              data-disabled=""
                               data-part="root"
+                              data-readonly=""
                               data-scope="field"
-                              id="field:::r4r:"
+                              id="field:::r5j:"
                               role="group"
                             >
                               <label
-                                className="chakra-field__label emotion-18"
+                                className="chakra-field__label emotion-15"
+                                data-disabled=""
                                 data-part="label"
+                                data-readonly=""
                                 data-scope="field"
-                                htmlFor=":r4r:"
-                                id="field:::r4r:::label"
+                                htmlFor=":r5j:"
+                                id="field:::r5j:::label"
                               >
                                 test
                               </label>
                               <input
                                 aria-describedby="root_nestedObjectOptional_test__error root_nestedObjectOptional_test__description root_nestedObjectOptional_test__help"
                                 autoFocus={false}
-                                className="chakra-input emotion-19"
+                                className="chakra-input emotion-16"
                                 data-part="input"
+                                data-readonly=""
                                 data-scope="field"
-                                disabled={false}
+                                disabled={true}
                                 id="root_nestedObjectOptional_test"
                                 name="root_nestedObjectOptional_test"
                                 onBlur={[Function]}
                                 onChange={[Function]}
                                 onFocus={[Function]}
                                 placeholder=""
-                                readOnly={false}
+                                readOnly={true}
                                 required={false}
                                 type="text"
-                                value="foo"
+                                value=""
                               />
                             </div>
                           </div>
@@ -10853,7 +9052,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4s:::legend"
+                          aria-labelledby="fieldset:::r5k:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -10866,47 +9065,11 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               className="emotion-2"
                               id="root_nestedObjectOptional_deepObjectOptional__title"
                             >
-                              <div
-                                className="emotion-9"
+                              <h5
+                                className="chakra-heading emotion-3"
                               >
-                                <h5
-                                  className="chakra-heading emotion-3"
-                                >
-                                  deepObjectOptional
-                                </h5>
-                                <div
-                                  className="emotion-11"
-                                />
-                                <button
-                                  aria-label="Add data for optional field"
-                                  className="chakra-button rjsf-add-optional-data btn-sm emotion-12"
-                                  id="root_nestedObjectOptional_deepObjectOptional__optionalAdd"
-                                  onClick={[Function]}
-                                  title="Add data for optional field"
-                                  type="button"
-                                >
-                                  <svg
-                                    aria-hidden="true"
-                                    className="lucide lucide-plus"
-                                    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="M5 12h14"
-                                    />
-                                    <path
-                                      d="M12 5v14"
-                                    />
-                                  </svg>
-                                </button>
-                              </div>
+                                deepObjectOptional
+                              </h5>
                               <span
                                 aria-orientation="horizontal"
                                 className="chakra-separator emotion-4"
@@ -10915,7 +9078,67 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             </div>
                             <div
                               className="emotion-5"
-                            />
+                            >
+                              <div />
+                              <div>
+                                <div
+                                  className="rjsf-field rjsf-field-string"
+                                >
+                                  <fieldset
+                                    aria-labelledby="fieldset:::r5l:::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-14"
+                                        data-disabled=""
+                                        data-part="root"
+                                        data-readonly=""
+                                        data-scope="field"
+                                        id="field:::r5m:"
+                                        role="group"
+                                      >
+                                        <label
+                                          className="chakra-field__label emotion-15"
+                                          data-disabled=""
+                                          data-part="label"
+                                          data-readonly=""
+                                          data-scope="field"
+                                          htmlFor=":r5m:"
+                                          id="field:::r5m:::label"
+                                        >
+                                          deepTest
+                                        </label>
+                                        <input
+                                          aria-describedby="root_nestedObjectOptional_deepObjectOptional_deepTest__error root_nestedObjectOptional_deepObjectOptional_deepTest__description root_nestedObjectOptional_deepObjectOptional_deepTest__help"
+                                          autoFocus={false}
+                                          className="chakra-input emotion-16"
+                                          data-part="input"
+                                          data-readonly=""
+                                          data-scope="field"
+                                          disabled={true}
+                                          id="root_nestedObjectOptional_deepObjectOptional_deepTest"
+                                          name="root_nestedObjectOptional_deepObjectOptional_deepTest"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          placeholder=""
+                                          readOnly={true}
+                                          required={false}
+                                          type="text"
+                                          value=""
+                                        />
+                                      </div>
+                                    </div>
+                                  </fieldset>
+                                </div>
+                              </div>
+                            </div>
                           </div>
                         </fieldset>
                       </div>
@@ -10925,7 +9148,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4t:::legend"
+                          aria-labelledby="fieldset:::r5n:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -10952,12 +9175,13 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             <div
                               className="emotion-5"
                             >
+                              <div />
                               <div>
                                 <div
                                   className="rjsf-field rjsf-field-string"
                                 >
                                   <fieldset
-                                    aria-labelledby="fieldset:::r4u:::legend"
+                                    aria-labelledby="fieldset:::r5o:::legend"
                                     className="fieldset__root emotion-0"
                                     data-part="root"
                                     data-scope="fieldset"
@@ -10967,35 +9191,40 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                       className="fieldset__content emotion-1"
                                     >
                                       <div
-                                        className="chakra-field__root emotion-17"
+                                        className="chakra-field__root emotion-14"
+                                        data-disabled=""
                                         data-part="root"
+                                        data-readonly=""
                                         data-scope="field"
-                                        id="field:::r4v:"
+                                        id="field:::r5p:"
                                         role="group"
                                       >
                                         <label
-                                          className="chakra-field__label emotion-18"
+                                          className="chakra-field__label emotion-15"
+                                          data-disabled=""
                                           data-part="label"
+                                          data-readonly=""
                                           data-scope="field"
-                                          htmlFor=":r4v:"
-                                          id="field:::r4v:::label"
+                                          htmlFor=":r5p:"
+                                          id="field:::r5p:::label"
                                         >
                                           deepTest
                                         </label>
                                         <input
                                           aria-describedby="root_nestedObjectOptional_deepObject_deepTest__error root_nestedObjectOptional_deepObject_deepTest__description root_nestedObjectOptional_deepObject_deepTest__help"
                                           autoFocus={false}
-                                          className="chakra-input emotion-19"
+                                          className="chakra-input emotion-16"
                                           data-part="input"
+                                          data-readonly=""
                                           data-scope="field"
-                                          disabled={false}
+                                          disabled={true}
                                           id="root_nestedObjectOptional_deepObject_deepTest"
                                           name="root_nestedObjectOptional_deepObject_deepTest"
                                           onBlur={[Function]}
                                           onChange={[Function]}
                                           onFocus={[Function]}
                                           placeholder=""
-                                          readOnly={false}
+                                          readOnly={true}
                                           required={false}
                                           type="text"
                                           value=""
@@ -11015,7 +9244,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r50:::legend"
+                          aria-labelledby="fieldset:::r5q:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -11041,18 +9270,18 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 />
                               </div>
                               <div
-                                className="emotion-45"
+                                className="emotion-44"
                               >
                                 <div />
                                 <div
-                                  className="emotion-46"
+                                  className="emotion-45"
                                 >
                                   <div
-                                    className="emotion-47"
+                                    className="emotion-46"
                                   >
                                     <button
-                                      className="chakra-button rjsf-array-item-add emotion-48"
-                                      disabled={false}
+                                      className="chakra-button rjsf-array-item-add emotion-47"
+                                      disabled={true}
                                       id="root_nestedObjectOptional_deepArrayOptional__add"
                                       onClick={[Function]}
                                       type="button"
@@ -11092,7 +9321,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r51:::legend"
+                          aria-labelledby="fieldset:::r5r:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -11106,47 +9335,11 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 className="emotion-2"
                                 id="root_nestedObjectOptional_deepArrayOptional2__title"
                               >
-                                <div
-                                  className="emotion-9"
+                                <h5
+                                  className="chakra-heading emotion-3"
                                 >
-                                  <h5
-                                    className="chakra-heading emotion-3"
-                                  >
-                                    deepArrayOptional2
-                                  </h5>
-                                  <div
-                                    className="emotion-11"
-                                  />
-                                  <button
-                                    aria-label="Add data for optional field"
-                                    className="chakra-button rjsf-add-optional-data btn-sm emotion-12"
-                                    id="root_nestedObjectOptional_deepArrayOptional2__optionalAdd"
-                                    onClick={[Function]}
-                                    title="Add data for optional field"
-                                    type="button"
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      className="lucide lucide-plus"
-                                      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="M5 12h14"
-                                      />
-                                      <path
-                                        d="M12 5v14"
-                                      />
-                                    </svg>
-                                  </button>
-                                </div>
+                                  deepArrayOptional2
+                                </h5>
                                 <span
                                   aria-orientation="horizontal"
                                   className="chakra-separator emotion-4"
@@ -11154,9 +9347,46 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 />
                               </div>
                               <div
-                                className="emotion-45"
+                                className="emotion-44"
                               >
                                 <div />
+                                <div
+                                  className="emotion-45"
+                                >
+                                  <div
+                                    className="emotion-46"
+                                  >
+                                    <button
+                                      className="chakra-button rjsf-array-item-add emotion-47"
+                                      disabled={true}
+                                      id="root_nestedObjectOptional_deepArrayOptional2__add"
+                                      onClick={[Function]}
+                                      type="button"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        className="lucide lucide-plus"
+                                        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="M5 12h14"
+                                        />
+                                        <path
+                                          d="M12 5v14"
+                                        />
+                                      </svg>
+                                      Add Item
+                                    </button>
+                                  </div>
+                                </div>
                               </div>
                             </div>
                           </div>
@@ -11168,7 +9398,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:::r5s:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -11194,18 +9424,18 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 />
                               </div>
                               <div
-                                className="emotion-45"
+                                className="emotion-44"
                               >
                                 <div />
                                 <div
-                                  className="emotion-46"
+                                  className="emotion-45"
                                 >
                                   <div
-                                    className="emotion-47"
+                                    className="emotion-46"
                                   >
                                     <button
-                                      className="chakra-button rjsf-array-item-add emotion-48"
-                                      disabled={false}
+                                      className="chakra-button rjsf-array-item-add emotion-47"
+                                      disabled={true}
                                       id="root_nestedObjectOptional_deepArray__add"
                                       onClick={[Function]}
                                       type="button"
@@ -11250,7 +9480,180 @@ 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:::r5t:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div>
+                    <div
+                      className="emotion-2"
+                      id="root_nestedArrayOptional__title"
+                    >
+                      <h5
+                        className="chakra-heading emotion-3"
+                      >
+                        nestedArrayOptional
+                      </h5>
+                      <span
+                        aria-orientation="horizontal"
+                        className="chakra-separator emotion-4"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="emotion-44"
+                    >
+                      <div />
+                      <div
+                        className="emotion-45"
+                      >
+                        <div
+                          className="emotion-46"
+                        >
+                          <button
+                            className="chakra-button rjsf-array-item-add emotion-47"
+                            disabled={true}
+                            id="root_nestedArrayOptional__add"
+                            onClick={[Function]}
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              className="lucide lucide-plus"
+                              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="M5 12h14"
+                              />
+                              <path
+                                d="M12 5v14"
+                              />
+                            </svg>
+                            Add Item
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-object"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r5u:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="emotion-2"
+                    id="root_nestedObject__title"
+                  >
+                    <h5
+                      className="chakra-heading emotion-3"
+                    >
+                      nestedObject
+                    </h5>
+                    <span
+                      aria-orientation="horizontal"
+                      className="chakra-separator emotion-4"
+                      role="separator"
+                    />
+                  </div>
+                  <div
+                    className="emotion-5"
+                  >
+                    <div />
+                    <div>
+                      <div
+                        className="rjsf-field rjsf-field-string"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r5v:::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-14"
+                              data-disabled=""
+                              data-part="root"
+                              data-readonly=""
+                              data-scope="field"
+                              id="field:::r60:"
+                              role="group"
+                            >
+                              <label
+                                className="chakra-field__label emotion-15"
+                                data-disabled=""
+                                data-part="label"
+                                data-readonly=""
+                                data-scope="field"
+                                htmlFor=":r60:"
+                                id="field:::r60:::label"
+                              >
+                                test
+                              </label>
+                              <input
+                                aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
+                                autoFocus={false}
+                                className="chakra-input emotion-16"
+                                data-part="input"
+                                data-readonly=""
+                                data-scope="field"
+                                disabled={true}
+                                id="root_nestedObject_test"
+                                name="root_nestedObject_test"
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onFocus={[Function]}
+                                placeholder=""
+                                readOnly={true}
+                                required={false}
+                                type="text"
+                                value=""
+                              />
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-array"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r61:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -11262,52 +9665,13 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                   <div>
                     <div
                       className="emotion-2"
-                      id="root_nestedArrayOptional__title"
+                      id="root_nestedArray__title"
                     >
-                      <div
-                        className="emotion-9"
+                      <h5
+                        className="chakra-heading emotion-3"
                       >
-                        <h5
-                          className="chakra-heading emotion-3"
-                        >
-                          nestedArrayOptional
-                        </h5>
-                        <div
-                          className="emotion-11"
-                        />
-                        <button
-                          aria-label="Remove data for optional field"
-                          className="chakra-button rjsf-remove-optional-data btn-sm emotion-12"
-                          id="root_nestedArrayOptional__optionalRemove"
-                          onClick={[Function]}
-                          title="Remove data for optional field"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            className="lucide lucide-delete"
-                            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="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
-                            />
-                            <path
-                              d="m12 9 6 6"
-                            />
-                            <path
-                              d="m18 9-6 6"
-                            />
-                          </svg>
-                        </button>
-                      </div>
+                        nestedArray
+                      </h5>
                       <span
                         aria-orientation="horizontal"
                         className="chakra-separator emotion-4"
@@ -11315,197 +9679,376 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                       />
                     </div>
                     <div
-                      className="emotion-45"
+                      className="emotion-44"
                     >
-                      <div>
+                      <div />
+                      <div
+                        className="emotion-45"
+                      >
                         <div
-                          className="chakra-stack emotion-76"
+                          className="emotion-46"
+                        >
+                          <button
+                            className="chakra-button rjsf-array-item-add emotion-47"
+                            disabled={true}
+                            id="root_nestedArray__add"
+                            onClick={[Function]}
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              className="lucide lucide-plus"
+                              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="M5 12h14"
+                              />
+                              <path
+                                d="M12 5v14"
+                              />
+                            </svg>
+                            Add Item
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r62:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="chakra-card__root emotion-97"
+                  >
+                    <div
+                      className="chakra-card__body emotion-98"
+                    >
+                      <div
+                        className="emotion-99"
+                      >
+                        <div
+                          className="chakra-field__root emotion-100"
+                          data-disabled=""
+                          data-part="root"
+                          data-readonly=""
+                          data-scope="field"
+                          id="field:::r63:"
+                          role="group"
                         >
+                          <label
+                            className="chakra-field__label emotion-15"
+                            data-disabled=""
+                            data-part="label"
+                            data-readonly=""
+                            data-scope="field"
+                            htmlFor=":r63:"
+                            id="field:::r63:::label"
+                          >
+                            optionalObjectWithOneofs
+                          </label>
                           <div
-                            className="emotion-77"
+                            aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
+                            className="chakra-select__root emotion-102"
+                            data-part="root"
+                            data-readonly=""
+                            data-scope="select"
+                            dir="ltr"
+                            id="select:root_optionalObjectWithOneofs__oneof_select"
+                            onBlur={[Function]}
+                            onFocus={[Function]}
                           >
-                            <div
-                              className="rjsf-field rjsf-field-string"
+                            <select
+                              aria-hidden={true}
+                              aria-labelledby="field:::r63:::label"
+                              defaultValue="0"
+                              disabled={true}
+                              id=":r63:"
+                              multiple={false}
+                              name="root_optionalObjectWithOneofs__oneof_select"
+                              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}
                             >
-                              <fieldset
-                                aria-labelledby="fieldset:::r54:::legend"
-                                className="fieldset__root emotion-0"
-                                data-part="root"
-                                data-scope="fieldset"
+                              <option
+                                disabled={false}
+                                value="0"
+                              >
+                                Option 1
+                              </option>
+                              <option
+                                disabled={false}
+                                value="1"
+                              >
+                                Option 2
+                              </option>
+                              <option
                                 disabled={false}
+                                value="2"
+                              >
+                                Option 3
+                              </option>
+                            </select>
+                            <div
+                              className="chakra-select__control emotion-103"
+                              data-disabled=""
+                              data-part="control"
+                              data-scope="select"
+                              data-state="closed"
+                              dir="ltr"
+                              id="select:root_optionalObjectWithOneofs__oneof_select:control"
+                            >
+                              <div
+                                className="chakra-select__control emotion-103"
+                                data-disabled=""
+                                data-part="control"
+                                data-scope="select"
+                                data-state="closed"
+                                dir="ltr"
+                                id="select:root_optionalObjectWithOneofs__oneof_select:control"
                               >
+                                <button
+                                  aria-controls="select:root_optionalObjectWithOneofs__oneof_select:content"
+                                  aria-expanded={false}
+                                  aria-haspopup="listbox"
+                                  aria-invalid={false}
+                                  aria-labelledby="field:::r63:::label"
+                                  className="chakra-select__trigger emotion-105"
+                                  data-disabled=""
+                                  data-part="trigger"
+                                  data-readonly=""
+                                  data-scope="select"
+                                  data-state="closed"
+                                  dir="ltr"
+                                  disabled={true}
+                                  id="select:root_optionalObjectWithOneofs__oneof_select:trigger"
+                                  onBlur={[Function]}
+                                  onClick={[Function]}
+                                  onFocus={[Function]}
+                                  onKeyDown={[Function]}
+                                  role="combobox"
+                                  type="button"
+                                >
+                                  <span
+                                    className="chakra-select__valueText emotion-106"
+                                    data-disabled=""
+                                    data-part="value-text"
+                                    data-scope="select"
+                                    dir="ltr"
+                                  >
+                                    Option 1
+                                  </span>
+                                </button>
                                 <div
-                                  className="fieldset__content emotion-1"
+                                  className="chakra-select__indicatorGroup emotion-107"
                                 >
                                   <div
-                                    className="chakra-field__root emotion-17"
-                                    data-part="root"
-                                    data-scope="field"
-                                    id="field:::r55:"
-                                    role="group"
+                                    aria-hidden={true}
+                                    className="chakra-select__indicator emotion-108"
+                                    data-disabled=""
+                                    data-part="indicator"
+                                    data-readonly=""
+                                    data-scope="select"
+                                    data-state="closed"
+                                    dir="ltr"
                                   >
-                                    <label
-                                      className="chakra-field__label emotion-18"
-                                      data-part="label"
-                                      data-required=""
-                                      data-scope="field"
-                                      htmlFor=":r55:"
-                                      id="field:::r55:::label"
+                                    <svg
+                                      className="emotion-109"
+                                      viewBox="0 0 24 24"
                                     >
-                                      nestedArrayOptional-0
-                                      <span
-                                        aria-hidden="true"
-                                        className="chakra-field__requiredIndicator emotion-82"
-                                      >
-                                        *
-                                      </span>
-                                    </label>
-                                    <input
-                                      aria-describedby="root_nestedArrayOptional_0__error root_nestedArrayOptional_0__description root_nestedArrayOptional_0__help"
-                                      autoFocus={false}
-                                      className="chakra-input emotion-19"
-                                      data-part="input"
-                                      data-required=""
-                                      data-scope="field"
-                                      disabled={false}
-                                      id="root_nestedArrayOptional_0"
-                                      name="root_nestedArrayOptional_0"
-                                      onBlur={[Function]}
-                                      onChange={[Function]}
-                                      onFocus={[Function]}
-                                      placeholder=""
-                                      readOnly={false}
-                                      required={true}
-                                      type="text"
-                                      value="bar"
-                                    />
+                                      <path
+                                        d="m6 9 6 6 6-6"
+                                      />
+                                    </svg>
                                   </div>
                                 </div>
-                              </fieldset>
+                              </div>
                             </div>
-                          </div>
-                          <div>
                             <div
-                              className="chakra-group emotion-84"
+                              className="chakra-select__positioner emotion-110"
+                              data-part="positioner"
+                              data-scope="select"
+                              dir="ltr"
+                              id="select:root_optionalObjectWithOneofs__oneof_select: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)",
+                                }
+                              }
                             >
-                              <button
-                                aria-label="Remove"
-                                className="chakra-button rjsf-array-item-remove emotion-85"
-                                disabled={false}
-                                id="root_nestedArrayOptional_0__remove"
-                                onClick={[Function]}
-                                title="Remove"
-                                type="button"
+                              <div
+                                aria-labelledby="field:::r63:::label"
+                                className="chakra-select__content emotion-111"
+                                data-part="content"
+                                data-scope="select"
+                                data-state="closed"
+                                dir="ltr"
+                                hidden={true}
+                                id="select:root_optionalObjectWithOneofs__oneof_select:content"
+                                onKeyDown={[Function]}
+                                role="listbox"
+                                tabIndex={0}
                               >
-                                <svg
-                                  aria-hidden="true"
-                                  className="lucide lucide-delete"
-                                  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"
+                                <div
+                                  aria-disabled="true"
+                                  aria-selected={true}
+                                  className="chakra-select__item emotion-112"
+                                  data-disabled=""
+                                  data-part="item"
+                                  data-scope="select"
+                                  data-state="checked"
+                                  data-value="0"
+                                  dir="ltr"
+                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:0"
+                                  onClick={[Function]}
+                                  onPointerLeave={[Function]}
+                                  onPointerMove={[Function]}
+                                  role="option"
                                 >
-                                  <path
-                                    d="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
-                                  />
-                                  <path
-                                    d="m12 9 6 6"
-                                  />
-                                  <path
-                                    d="m18 9-6 6"
-                                  />
-                                </svg>
-                              </button>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                      <div
-                        className="emotion-46"
-                      >
-                        <div
-                          className="emotion-47"
-                        >
-                          <button
-                            className="chakra-button rjsf-array-item-add emotion-48"
-                            disabled={false}
-                            id="root_nestedArrayOptional__add"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              className="lucide lucide-plus"
-                              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="M5 12h14"
-                              />
-                              <path
-                                d="M12 5v14"
-                              />
-                            </svg>
-                            Add Item
-                          </button>
+                                  Option 1
+                                  <div
+                                    aria-hidden={true}
+                                    className="chakra-select__itemIndicator emotion-113"
+                                    data-part="item-indicator"
+                                    data-scope="select"
+                                    data-state="checked"
+                                    hidden={false}
+                                  >
+                                    <svg
+                                      className="emotion-109"
+                                      viewBox="0 0 24 24"
+                                    >
+                                      <path
+                                        d="M20 6 9 17l-5-5"
+                                      />
+                                    </svg>
+                                  </div>
+                                </div>
+                                <div
+                                  aria-disabled="true"
+                                  aria-selected={false}
+                                  className="chakra-select__item emotion-112"
+                                  data-disabled=""
+                                  data-part="item"
+                                  data-scope="select"
+                                  data-state="unchecked"
+                                  data-value="1"
+                                  dir="ltr"
+                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:1"
+                                  onClick={[Function]}
+                                  onPointerLeave={[Function]}
+                                  onPointerMove={[Function]}
+                                  role="option"
+                                >
+                                  Option 2
+                                  <div
+                                    aria-hidden={true}
+                                    className="chakra-select__itemIndicator emotion-113"
+                                    data-part="item-indicator"
+                                    data-scope="select"
+                                    data-state="unchecked"
+                                    hidden={true}
+                                  >
+                                    <svg
+                                      className="emotion-109"
+                                      viewBox="0 0 24 24"
+                                    >
+                                      <path
+                                        d="M20 6 9 17l-5-5"
+                                      />
+                                    </svg>
+                                  </div>
+                                </div>
+                                <div
+                                  aria-disabled="true"
+                                  aria-selected={false}
+                                  className="chakra-select__item emotion-112"
+                                  data-disabled=""
+                                  data-part="item"
+                                  data-scope="select"
+                                  data-state="unchecked"
+                                  data-value="2"
+                                  dir="ltr"
+                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:2"
+                                  onClick={[Function]}
+                                  onPointerLeave={[Function]}
+                                  onPointerMove={[Function]}
+                                  role="option"
+                                >
+                                  Option 3
+                                  <div
+                                    aria-hidden={true}
+                                    className="chakra-select__itemIndicator emotion-113"
+                                    data-part="item-indicator"
+                                    data-scope="select"
+                                    data-state="unchecked"
+                                    hidden={true}
+                                  >
+                                    <svg
+                                      className="emotion-109"
+                                      viewBox="0 0 24 24"
+                                    >
+                                      <path
+                                        d="M20 6 9 17l-5-5"
+                                      />
+                                    </svg>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
                         </div>
                       </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-object"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r56:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div
-                    className="emotion-2"
-                    id="root_nestedObject__title"
-                  >
-                    <h5
-                      className="chakra-heading emotion-3"
-                    >
-                      nestedObject
-                    </h5>
-                    <span
-                      aria-orientation="horizontal"
-                      className="chakra-separator emotion-4"
-                      role="separator"
-                    />
-                  </div>
-                  <div
-                    className="emotion-5"
-                  >
-                    <div>
                       <div
-                        className="rjsf-field rjsf-field-string"
+                        className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r57:::legend"
+                          aria-labelledby="fieldset:::r65:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -11515,40 +10058,83 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             className="fieldset__content emotion-1"
                           >
                             <div
-                              className="chakra-field__root emotion-17"
-                              data-part="root"
-                              data-scope="field"
-                              id="field:::r58:"
-                              role="group"
+                              className="emotion-2"
+                              id="root_optionalObjectWithOneofs__title"
                             >
-                              <label
-                                className="chakra-field__label emotion-18"
-                                data-part="label"
-                                data-scope="field"
-                                htmlFor=":r58:"
-                                id="field:::r58:::label"
+                              <h5
+                                className="chakra-heading emotion-3"
                               >
-                                test
-                              </label>
-                              <input
-                                aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
-                                autoFocus={false}
-                                className="chakra-input emotion-19"
-                                data-part="input"
-                                data-scope="field"
-                                disabled={false}
-                                id="root_nestedObject_test"
-                                name="root_nestedObject_test"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                placeholder=""
-                                readOnly={false}
-                                required={false}
-                                type="text"
-                                value=""
+                                optionalObjectWithOneofs
+                              </h5>
+                              <span
+                                aria-orientation="horizontal"
+                                className="chakra-separator emotion-4"
+                                role="separator"
                               />
                             </div>
+                            <div
+                              className="emotion-5"
+                            >
+                              <div />
+                              <div>
+                                <div
+                                  className="rjsf-field rjsf-field-string"
+                                >
+                                  <fieldset
+                                    aria-labelledby="fieldset:::r66:::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-14"
+                                        data-disabled=""
+                                        data-part="root"
+                                        data-readonly=""
+                                        data-scope="field"
+                                        id="field:::r67:"
+                                        role="group"
+                                      >
+                                        <label
+                                          className="chakra-field__label emotion-15"
+                                          data-disabled=""
+                                          data-part="label"
+                                          data-readonly=""
+                                          data-scope="field"
+                                          htmlFor=":r67:"
+                                          id="field:::r67:::label"
+                                        >
+                                          name
+                                        </label>
+                                        <input
+                                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
+                                          autoFocus={false}
+                                          className="chakra-input emotion-16"
+                                          data-part="input"
+                                          data-readonly=""
+                                          data-scope="field"
+                                          disabled={true}
+                                          id="root_optionalObjectWithOneofs_name"
+                                          name="root_optionalObjectWithOneofs_name"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          placeholder=""
+                                          readOnly={true}
+                                          required={false}
+                                          type="text"
+                                          value=""
+                                        />
+                                      </div>
+                                    </div>
+                                  </fieldset>
+                                </div>
+                              </div>
+                            </div>
                           </div>
                         </fieldset>
                       </div>
@@ -11558,89 +10144,12 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               </fieldset>
             </div>
           </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-array"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r59:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div>
-                    <div
-                      className="emotion-2"
-                      id="root_nestedArray__title"
-                    >
-                      <h5
-                        className="chakra-heading emotion-3"
-                      >
-                        nestedArray
-                      </h5>
-                      <span
-                        aria-orientation="horizontal"
-                        className="chakra-separator emotion-4"
-                        role="separator"
-                      />
-                    </div>
-                    <div
-                      className="emotion-45"
-                    >
-                      <div />
-                      <div
-                        className="emotion-46"
-                      >
-                        <div
-                          className="emotion-47"
-                        >
-                          <button
-                            className="chakra-button rjsf-array-item-add emotion-48"
-                            disabled={false}
-                            id="root_nestedArray__add"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              className="lucide lucide-plus"
-                              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="M5 12h14"
-                              />
-                              <path
-                                d="M12 5v14"
-                              />
-                            </svg>
-                            Add Item
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
           <div>
             <div
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r5a:::legend"
+                aria-labelledby="fieldset:::r68:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -11650,48 +10159,53 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                   className="fieldset__content emotion-1"
                 >
                   <div
-                    className="chakra-card__root emotion-111"
+                    className="chakra-card__root emotion-97"
                   >
                     <div
-                      className="chakra-card__body emotion-112"
+                      className="chakra-card__body emotion-98"
                     >
                       <div
-                        className="emotion-113"
+                        className="emotion-99"
                       >
                         <div
-                          className="chakra-field__root emotion-114"
+                          className="chakra-field__root emotion-100"
+                          data-disabled=""
                           data-part="root"
+                          data-readonly=""
                           data-scope="field"
-                          id="field:::r5b:"
+                          id="field:::r69:"
                           role="group"
                         >
                           <label
-                            className="chakra-field__label emotion-18"
+                            className="chakra-field__label emotion-15"
+                            data-disabled=""
                             data-part="label"
+                            data-readonly=""
                             data-scope="field"
-                            htmlFor=":r5b:"
-                            id="field:::r5b:::label"
+                            htmlFor=":r69:"
+                            id="field:::r69:::label"
                           >
-                            optionalObjectWithOneofs
+                            optionalArrayWithAnyofs
                           </label>
                           <div
-                            aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                            className="chakra-select__root emotion-116"
+                            aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                            className="chakra-select__root emotion-102"
                             data-part="root"
+                            data-readonly=""
                             data-scope="select"
                             dir="ltr"
-                            id="select:root_optionalObjectWithOneofs__oneof_select"
+                            id="select:root_optionalArrayWithAnyofs__anyof_select"
                             onBlur={[Function]}
                             onFocus={[Function]}
                           >
                             <select
                               aria-hidden={true}
-                              aria-labelledby="field:::r5b:::label"
+                              aria-labelledby="field:::r69:::label"
                               defaultValue="0"
-                              disabled={false}
-                              id=":r5b:"
+                              disabled={true}
+                              id=":r69:"
                               multiple={false}
-                              name="root_optionalObjectWithOneofs__oneof_select"
+                              name="root_optionalArrayWithAnyofs__anyof_select"
                               onFocus={[Function]}
                               required={false}
                               style={
@@ -11730,34 +10244,38 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               </option>
                             </select>
                             <div
-                              className="chakra-select__control emotion-117"
+                              className="chakra-select__control emotion-103"
+                              data-disabled=""
                               data-part="control"
                               data-scope="select"
                               data-state="closed"
                               dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select:control"
+                              id="select:root_optionalArrayWithAnyofs__anyof_select:control"
                             >
                               <div
-                                className="chakra-select__control emotion-117"
+                                className="chakra-select__control emotion-103"
+                                data-disabled=""
                                 data-part="control"
                                 data-scope="select"
                                 data-state="closed"
                                 dir="ltr"
-                                id="select:root_optionalObjectWithOneofs__oneof_select:control"
+                                id="select:root_optionalArrayWithAnyofs__anyof_select:control"
                               >
                                 <button
-                                  aria-controls="select:root_optionalObjectWithOneofs__oneof_select:content"
+                                  aria-controls="select:root_optionalArrayWithAnyofs__anyof_select:content"
                                   aria-expanded={false}
                                   aria-haspopup="listbox"
                                   aria-invalid={false}
-                                  aria-labelledby="field:::r5b:::label"
-                                  className="chakra-select__trigger emotion-119"
+                                  aria-labelledby="field:::r69:::label"
+                                  className="chakra-select__trigger emotion-105"
+                                  data-disabled=""
                                   data-part="trigger"
+                                  data-readonly=""
                                   data-scope="select"
                                   data-state="closed"
                                   dir="ltr"
-                                  disabled={false}
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:trigger"
+                                  disabled={true}
+                                  id="select:root_optionalArrayWithAnyofs__anyof_select:trigger"
                                   onBlur={[Function]}
                                   onClick={[Function]}
                                   onFocus={[Function]}
@@ -11766,7 +10284,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   type="button"
                                 >
                                   <span
-                                    className="chakra-select__valueText emotion-120"
+                                    className="chakra-select__valueText emotion-106"
+                                    data-disabled=""
                                     data-part="value-text"
                                     data-scope="select"
                                     dir="ltr"
@@ -11775,18 +10294,20 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   </span>
                                 </button>
                                 <div
-                                  className="chakra-select__indicatorGroup emotion-121"
+                                  className="chakra-select__indicatorGroup emotion-107"
                                 >
                                   <div
                                     aria-hidden={true}
-                                    className="chakra-select__indicator emotion-122"
+                                    className="chakra-select__indicator emotion-108"
+                                    data-disabled=""
                                     data-part="indicator"
+                                    data-readonly=""
                                     data-scope="select"
                                     data-state="closed"
                                     dir="ltr"
                                   >
                                     <svg
-                                      className="emotion-123"
+                                      className="emotion-109"
                                       viewBox="0 0 24 24"
                                     >
                                       <path
@@ -11798,11 +10319,11 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               </div>
                             </div>
                             <div
-                              className="chakra-select__positioner emotion-124"
+                              className="chakra-select__positioner emotion-110"
                               data-part="positioner"
                               data-scope="select"
                               dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select:positioner"
+                              id="select:root_optionalArrayWithAnyofs__anyof_select:positioner"
                               style={
                                 {
                                   "isolation": "isolate",
@@ -11820,27 +10341,29 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               }
                             >
                               <div
-                                aria-labelledby="field:::r5b:::label"
-                                className="chakra-select__content emotion-125"
+                                aria-labelledby="field:::r69:::label"
+                                className="chakra-select__content emotion-111"
                                 data-part="content"
                                 data-scope="select"
                                 data-state="closed"
                                 dir="ltr"
                                 hidden={true}
-                                id="select:root_optionalObjectWithOneofs__oneof_select:content"
+                                id="select:root_optionalArrayWithAnyofs__anyof_select:content"
                                 onKeyDown={[Function]}
                                 role="listbox"
                                 tabIndex={0}
                               >
                                 <div
+                                  aria-disabled="true"
                                   aria-selected={true}
-                                  className="chakra-select__item emotion-126"
+                                  className="chakra-select__item emotion-112"
+                                  data-disabled=""
                                   data-part="item"
                                   data-scope="select"
                                   data-state="checked"
                                   data-value="0"
                                   dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:0"
+                                  id="select:root_optionalArrayWithAnyofs__anyof_select:option:0"
                                   onClick={[Function]}
                                   onPointerLeave={[Function]}
                                   onPointerMove={[Function]}
@@ -11849,14 +10372,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   Option 1
                                   <div
                                     aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-127"
+                                    className="chakra-select__itemIndicator emotion-113"
                                     data-part="item-indicator"
                                     data-scope="select"
                                     data-state="checked"
                                     hidden={false}
                                   >
                                     <svg
-                                      className="emotion-123"
+                                      className="emotion-109"
                                       viewBox="0 0 24 24"
                                     >
                                       <path
@@ -11866,14 +10389,16 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   </div>
                                 </div>
                                 <div
+                                  aria-disabled="true"
                                   aria-selected={false}
-                                  className="chakra-select__item emotion-126"
+                                  className="chakra-select__item emotion-112"
+                                  data-disabled=""
                                   data-part="item"
                                   data-scope="select"
                                   data-state="unchecked"
                                   data-value="1"
                                   dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:1"
+                                  id="select:root_optionalArrayWithAnyofs__anyof_select:option:1"
                                   onClick={[Function]}
                                   onPointerLeave={[Function]}
                                   onPointerMove={[Function]}
@@ -11882,14 +10407,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   Option 2
                                   <div
                                     aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-127"
+                                    className="chakra-select__itemIndicator emotion-113"
                                     data-part="item-indicator"
                                     data-scope="select"
                                     data-state="unchecked"
                                     hidden={true}
                                   >
                                     <svg
-                                      className="emotion-123"
+                                      className="emotion-109"
                                       viewBox="0 0 24 24"
                                     >
                                       <path
@@ -11899,14 +10424,16 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   </div>
                                 </div>
                                 <div
+                                  aria-disabled="true"
                                   aria-selected={false}
-                                  className="chakra-select__item emotion-126"
+                                  className="chakra-select__item emotion-112"
+                                  data-disabled=""
                                   data-part="item"
                                   data-scope="select"
                                   data-state="unchecked"
                                   data-value="2"
                                   dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:2"
+                                  id="select:root_optionalArrayWithAnyofs__anyof_select:option:2"
                                   onClick={[Function]}
                                   onPointerLeave={[Function]}
                                   onPointerMove={[Function]}
@@ -11915,14 +10442,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   Option 3
                                   <div
                                     aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-127"
+                                    className="chakra-select__itemIndicator emotion-113"
                                     data-part="item-indicator"
                                     data-scope="select"
                                     data-state="unchecked"
                                     hidden={true}
                                   >
                                     <svg
-                                      className="emotion-123"
+                                      className="emotion-109"
                                       viewBox="0 0 24 24"
                                     >
                                       <path
@@ -11937,10 +10464,10 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         </div>
                       </div>
                       <div
-                        className="rjsf-field rjsf-field-object"
+                        className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r5d:::legend"
+                          aria-labelledby="fieldset:::r6b:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -11949,80 +10476,62 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                           <div
                             className="fieldset__content emotion-1"
                           >
-                            <div
-                              className="emotion-2"
-                              id="root_optionalObjectWithOneofs__title"
-                            >
-                              <h5
-                                className="chakra-heading emotion-3"
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_optionalArrayWithAnyofs__title"
                               >
-                                optionalObjectWithOneofs
-                              </h5>
-                              <span
-                                aria-orientation="horizontal"
-                                className="chakra-separator emotion-4"
-                                role="separator"
-                              />
-                            </div>
-                            <div
-                              className="emotion-5"
-                            >
-                              <div>
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  optionalArrayWithAnyofs
+                                </h5>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-44"
+                              >
+                                <div />
                                 <div
-                                  className="rjsf-field rjsf-field-string"
+                                  className="emotion-45"
                                 >
-                                  <fieldset
-                                    aria-labelledby="fieldset:::r5e:::legend"
-                                    className="fieldset__root emotion-0"
-                                    data-part="root"
-                                    data-scope="fieldset"
-                                    disabled={false}
+                                  <div
+                                    className="emotion-46"
                                   >
-                                    <div
-                                      className="fieldset__content emotion-1"
+                                    <button
+                                      className="chakra-button rjsf-array-item-add emotion-47"
+                                      disabled={true}
+                                      id="root_optionalArrayWithAnyofs__add"
+                                      onClick={[Function]}
+                                      type="button"
                                     >
-                                      <div
-                                        className="chakra-field__root emotion-17"
-                                        data-disabled=""
-                                        data-part="root"
-                                        data-readonly=""
-                                        data-scope="field"
-                                        id="field:::r5f:"
-                                        role="group"
+                                      <svg
+                                        aria-hidden="true"
+                                        className="lucide lucide-plus"
+                                        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"
                                       >
-                                        <label
-                                          className="chakra-field__label emotion-18"
-                                          data-disabled=""
-                                          data-part="label"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          htmlFor=":r5f:"
-                                          id="field:::r5f:::label"
-                                        >
-                                          name
-                                        </label>
-                                        <input
-                                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                          autoFocus={false}
-                                          className="chakra-input emotion-19"
-                                          data-part="input"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          disabled={true}
-                                          id="root_optionalObjectWithOneofs_name"
-                                          name="root_optionalObjectWithOneofs_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          placeholder=""
-                                          readOnly={true}
-                                          required={false}
-                                          type="text"
-                                          value=""
+                                        <path
+                                          d="M5 12h14"
                                         />
-                                      </div>
-                                    </div>
-                                  </fieldset>
+                                        <path
+                                          d="M12 5v14"
+                                        />
+                                      </svg>
+                                      Add Item
+                                    </button>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -12040,10 +10549,10 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     </fieldset>
   </div>
   <div
-    className="emotion-146"
+    className="emotion-167"
   >
     <button
-      className="chakra-button emotion-48"
+      className="chakra-button emotion-47"
       disabled={false}
       type="submit"
     >
@@ -12053,7 +10562,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 </form>
 `;
 
-exports[`single fields optional data controls shows "add" and "remove" optional controls when turned on in uiSchema, readonly and formData 1`] = `
+exports[`single fields optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 1`] = `
 @layer recipes {
   .emotion-0 {
     display: -webkit-box;
@@ -12066,63 +10575,173 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     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-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-top: var(--chakra-spacing-1);
+  margin-bottom: var(--chakra-spacing-4);
+}
+
+@layer recipes {
+  .emotion-3 {
+    font-family: var(--chakra-fonts-heading);
+    font-weight: var(--chakra-font-weights-semibold);
+    font-size: var(--chakra-font-sizes-xl);
+    line-height: 1.875rem;
+  }
+}
+
+@layer recipes {
+  .emotion-4 {
+    display: block;
+    border-color: var(--chakra-colors-border);
+    --separator-thickness: 1px;
+    border-style: solid;
+    border-top-width: var(--separator-thickness);
+  }
+}
+
+.emotion-5 {
+  display: grid;
+  gap: var(--chakra-spacing-4);
+  margin-bottom: var(--chakra-spacing-4);
+}
+
+.emotion-9 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+@layer recipes {
+  .emotion-11 {
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    justify-self: stretch;
+    -webkit-align-self: stretch;
+    -ms-flex-item-align: stretch;
+    align-self: stretch;
+  }
+}
+
+.emotion-12 {
+  padding-inline: 0;
+  padding-block: 0;
+}
+
+@layer recipes {
+  .emotion-12 {
+    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: 1rem;
+    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-8);
+    min-width: var(--chakra-sizes-8);
+    font-size: var(--chakra-font-sizes-xs);
+    padding-inline: var(--chakra-spacing-2\\.5);
+    gap: var(--chakra-spacing-1);
+    background: var(--chakra-colors-color-palette-subtle);
+    --bg-currentcolor: var(--chakra-colors-color-palette-subtle);
+    color: var(--chakra-colors-color-palette-fg);
+  }
+
+  .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);
   }
-}
 
-@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-12:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
   }
-}
 
-.emotion-2 {
-  margin-top: var(--chakra-spacing-1);
-  margin-bottom: var(--chakra-spacing-4);
-}
+  .emotion-12 :where(svg) {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: var(--chakra-sizes-4);
+    height: var(--chakra-sizes-4);
+  }
 
-@layer recipes {
-  .emotion-3 {
-    font-family: var(--chakra-fonts-heading);
-    font-weight: var(--chakra-font-weights-semibold);
-    font-size: var(--chakra-font-sizes-xl);
-    line-height: 1.875rem;
+  .emotion-12:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+    background: var(--chakra-colors-color-palette-muted);
+    --bg-currentcolor: var(--chakra-colors-color-palette-muted);
   }
-}
 
-@layer recipes {
-  .emotion-4 {
-    display: block;
-    border-color: var(--chakra-colors-border);
-    --separator-thickness: 1px;
-    border-style: solid;
-    border-top-width: var(--separator-thickness);
+  @media (hover: hover) {
+    .emotion-12:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+      background: var(--chakra-colors-color-palette-muted);
+      --bg-currentcolor: var(--chakra-colors-color-palette-muted);
+    }
   }
 }
 
-.emotion-5 {
-  display: grid;
-  gap: var(--chakra-spacing-4);
-  margin-bottom: var(--chakra-spacing-4);
+.emotion-12 :where(svg) {
+  font-size: 1.2em;
 }
 
-.emotion-14 {
+.emotion-17 {
   margin-bottom: var(--chakra-spacing-1);
 }
 
 @layer recipes {
-  .emotion-14 {
+  .emotion-17 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -12141,7 +10760,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 }
 
 @layer recipes {
-  .emotion-15 {
+  .emotion-18 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -12161,13 +10780,13 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     user-select: none;
   }
 
-  .emotion-15:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-18:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
   }
 }
 
 @layer recipes {
-  .emotion-16 {
+  .emotion-19 {
     width: 100%;
     min-width: var(--input-height);
     outline: 0;
@@ -12192,17 +10811,17 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     --focus-ring-color: var(--focus-color);
   }
 
-  .emotion-16:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-19:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-16:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+  .emotion-19:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
     --focus-ring-color: var(--error-color);
     border-color: var(--error-color);
   }
 
-  .emotion-16:is(:focus-visible, [data-focus-visible]) {
+  .emotion-19:is(:focus-visible, [data-focus-visible]) {
     outline-offset: 0px;
     outline-width: var(--focus-ring-width, 1px);
     outline-color: var(--focus-ring-color);
@@ -12211,20 +10830,20 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   }
 }
 
-.emotion-39 {
+.emotion-45 {
   display: grid;
 }
 
-.emotion-40 {
+.emotion-46 {
   justify-self: flex-end;
 }
 
-.emotion-41 {
+.emotion-47 {
   margin-top: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-42 {
+  .emotion-48 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -12272,19 +10891,19 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-42:is(:focus-visible, [data-focus-visible]) {
+  .emotion-48: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-42:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-48:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-42 :where(svg) {
+  .emotion-48 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -12292,14 +10911,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-42:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-48: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-42:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-48: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));
@@ -12307,7 +10926,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   }
 }
 
-.emotion-64 {
+.emotion-76 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -12323,18 +10942,18 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   padding-block: var(--chakra-spacing-1);
 }
 
-.emotion-65 {
+.emotion-77 {
   width: 100%;
 }
 
 @layer recipes {
-  .emotion-70 {
+  .emotion-82 {
     color: var(--chakra-colors-fg-error);
     line-height: 1;
   }
 }
 
-.emotion-72 {
+.emotion-84 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -12347,7 +10966,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 }
 
 @layer recipes {
-  .emotion-72 {
+  .emotion-84 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -12360,36 +10979,36 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     flex-direction: row;
   }
 
-  .emotion-72 [data-group-item]:is(:focus-visible, [data-focus-visible]) {
+  .emotion-84 [data-group-item]:is(:focus-visible, [data-focus-visible]) {
     z-index: 1;
   }
 
-  .emotion-72>*[data-first] {
+  .emotion-84>*[data-first] {
     border-start-end-radius: 0!important;
     border-end-end-radius: 0!important;
     -webkit-margin-end: -1px;
     margin-inline-end: -1px;
   }
 
-  .emotion-72>*[data-between] {
+  .emotion-84>*[data-between] {
     border-radius: 0!important;
     -webkit-margin-end: -1px;
     margin-inline-end: -1px;
   }
 
-  .emotion-72>*[data-last] {
+  .emotion-84>*[data-last] {
     border-start-start-radius: 0!important;
     border-end-start-radius: 0!important;
   }
 }
 
-.emotion-73 {
+.emotion-85 {
   padding-inline: 0;
   padding-block: 0;
 }
 
 @layer recipes {
-  .emotion-73 {
+  .emotion-85 {
     display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -ms-inline-flexbox;
@@ -12437,19 +11056,19 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     color: var(--chakra-colors-color-palette-contrast);
   }
 
-  .emotion-73:is(:focus-visible, [data-focus-visible]) {
+  .emotion-85: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-73:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-85:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-73 :where(svg) {
+  .emotion-85 :where(svg) {
     -webkit-flex-shrink: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
@@ -12457,14 +11076,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     height: var(--chakra-sizes-5);
   }
 
-  .emotion-73:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
+  .emotion-85: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-73:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
+    .emotion-85: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));
@@ -12472,16 +11091,1235 @@ exports[`single fields optional data controls shows "add" and "remove" optional
   }
 }
 
-.emotion-73 :where(svg) {
+.emotion-85 :where(svg) {
   font-size: 1.2em;
 }
 
-.emotion-99 {
+.emotion-111 {
   margin-bottom: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-99 {
+  .emotion-111 {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    position: relative;
+    min-width: 0;
+    word-wrap: break-word;
+    border-radius: var(--chakra-radii-l3);
+    color: var(--chakra-colors-fg);
+    text-align: start;
+    background: var(--chakra-colors-bg-panel);
+    --bg-currentcolor: var(--chakra-colors-bg-panel);
+    border-width: 1px;
+    border-color: var(--chakra-colors-border);
+    --card-padding: var(--chakra-spacing-6);
+  }
+}
+
+.emotion-112 {
+  padding-bottom: var(--chakra-spacing-2);
+}
+
+@layer recipes {
+  .emotion-112 {
+    padding: var(--card-padding);
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+  }
+}
+
+.emotion-113 {
+  margin-bottom: var(--chakra-spacing-4);
+}
+
+.emotion-137 {
+  margin-top: var(--chakra-spacing-3);
+}
+
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-object"
+  >
+    <fieldset
+      aria-labelledby="fieldset:::r4q:::legend"
+      className="fieldset__root emotion-0"
+      data-part="root"
+      data-scope="fieldset"
+      disabled={false}
+    >
+      <div
+        className="fieldset__content emotion-1"
+      >
+        <div
+          className="emotion-2"
+          id="root__title"
+        >
+          <h5
+            className="chakra-heading emotion-3"
+          >
+            test
+          </h5>
+          <span
+            aria-orientation="horizontal"
+            className="chakra-separator emotion-4"
+            role="separator"
+          />
+        </div>
+        <div
+          className="emotion-5"
+        >
+          <div>
+            <div
+              className="rjsf-field rjsf-field-object"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r4r:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="emotion-2"
+                    id="root_nestedObjectOptional__title"
+                  >
+                    <div
+                      className="emotion-9"
+                    >
+                      <h5
+                        className="chakra-heading emotion-3"
+                      >
+                        nestedObjectOptional
+                      </h5>
+                      <div
+                        className="emotion-11"
+                      />
+                      <button
+                        aria-label="Remove data for optional field"
+                        className="chakra-button rjsf-remove-optional-data btn-sm emotion-12"
+                        id="root_nestedObjectOptional__optionalRemove"
+                        onClick={[Function]}
+                        title="Remove data for optional field"
+                        type="button"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          className="lucide lucide-delete"
+                          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="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
+                          />
+                          <path
+                            d="m12 9 6 6"
+                          />
+                          <path
+                            d="m18 9-6 6"
+                          />
+                        </svg>
+                      </button>
+                    </div>
+                    <span
+                      aria-orientation="horizontal"
+                      className="chakra-separator emotion-4"
+                      role="separator"
+                    />
+                  </div>
+                  <div
+                    className="emotion-5"
+                  >
+                    <div>
+                      <div
+                        className="rjsf-field rjsf-field-string"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r4s:::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-17"
+                              data-part="root"
+                              data-scope="field"
+                              id="field:::r4t:"
+                              role="group"
+                            >
+                              <label
+                                className="chakra-field__label emotion-18"
+                                data-part="label"
+                                data-scope="field"
+                                htmlFor=":r4t:"
+                                id="field:::r4t:::label"
+                              >
+                                test
+                              </label>
+                              <input
+                                aria-describedby="root_nestedObjectOptional_test__error root_nestedObjectOptional_test__description root_nestedObjectOptional_test__help"
+                                autoFocus={false}
+                                className="chakra-input emotion-19"
+                                data-part="input"
+                                data-scope="field"
+                                disabled={false}
+                                id="root_nestedObjectOptional_test"
+                                name="root_nestedObjectOptional_test"
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onFocus={[Function]}
+                                placeholder=""
+                                readOnly={false}
+                                required={false}
+                                type="text"
+                                value="foo"
+                              />
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                    <div>
+                      <div
+                        className="rjsf-field rjsf-field-object"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r4u:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div
+                              className="emotion-2"
+                              id="root_nestedObjectOptional_deepObjectOptional__title"
+                            >
+                              <div
+                                className="emotion-9"
+                              >
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  deepObjectOptional
+                                </h5>
+                                <div
+                                  className="emotion-11"
+                                />
+                                <button
+                                  aria-label="Add data for optional field"
+                                  className="chakra-button rjsf-add-optional-data btn-sm emotion-12"
+                                  id="root_nestedObjectOptional_deepObjectOptional__optionalAdd"
+                                  onClick={[Function]}
+                                  title="Add data for optional field"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    className="lucide lucide-plus"
+                                    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="M5 12h14"
+                                    />
+                                    <path
+                                      d="M12 5v14"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                              <span
+                                aria-orientation="horizontal"
+                                className="chakra-separator emotion-4"
+                                role="separator"
+                              />
+                            </div>
+                            <div
+                              className="emotion-5"
+                            />
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                    <div>
+                      <div
+                        className="rjsf-field rjsf-field-object"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r4v:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div
+                              className="emotion-2"
+                              id="root_nestedObjectOptional_deepObject__title"
+                            >
+                              <h5
+                                className="chakra-heading emotion-3"
+                              >
+                                deepObject
+                              </h5>
+                              <span
+                                aria-orientation="horizontal"
+                                className="chakra-separator emotion-4"
+                                role="separator"
+                              />
+                            </div>
+                            <div
+                              className="emotion-5"
+                            >
+                              <div>
+                                <div
+                                  className="rjsf-field rjsf-field-string"
+                                >
+                                  <fieldset
+                                    aria-labelledby="fieldset:::r50:::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-17"
+                                        data-part="root"
+                                        data-scope="field"
+                                        id="field:::r51:"
+                                        role="group"
+                                      >
+                                        <label
+                                          className="chakra-field__label emotion-18"
+                                          data-part="label"
+                                          data-scope="field"
+                                          htmlFor=":r51:"
+                                          id="field:::r51:::label"
+                                        >
+                                          deepTest
+                                        </label>
+                                        <input
+                                          aria-describedby="root_nestedObjectOptional_deepObject_deepTest__error root_nestedObjectOptional_deepObject_deepTest__description root_nestedObjectOptional_deepObject_deepTest__help"
+                                          autoFocus={false}
+                                          className="chakra-input emotion-19"
+                                          data-part="input"
+                                          data-scope="field"
+                                          disabled={false}
+                                          id="root_nestedObjectOptional_deepObject_deepTest"
+                                          name="root_nestedObjectOptional_deepObject_deepTest"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          placeholder=""
+                                          readOnly={false}
+                                          required={false}
+                                          type="text"
+                                          value=""
+                                        />
+                                      </div>
+                                    </div>
+                                  </fieldset>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                    <div>
+                      <div
+                        className="rjsf-field rjsf-field-array"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r52:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_nestedObjectOptional_deepArrayOptional__title"
+                              >
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  deepArrayOptional
+                                </h5>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-45"
+                              >
+                                <div />
+                                <div
+                                  className="emotion-46"
+                                >
+                                  <div
+                                    className="emotion-47"
+                                  >
+                                    <button
+                                      className="chakra-button rjsf-array-item-add emotion-48"
+                                      disabled={false}
+                                      id="root_nestedObjectOptional_deepArrayOptional__add"
+                                      onClick={[Function]}
+                                      type="button"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        className="lucide lucide-plus"
+                                        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="M5 12h14"
+                                        />
+                                        <path
+                                          d="M12 5v14"
+                                        />
+                                      </svg>
+                                      Add Item
+                                    </button>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                    <div>
+                      <div
+                        className="rjsf-field rjsf-field-array"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r53:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_nestedObjectOptional_deepArrayOptional2__title"
+                              >
+                                <div
+                                  className="emotion-9"
+                                >
+                                  <h5
+                                    className="chakra-heading emotion-3"
+                                  >
+                                    deepArrayOptional2
+                                  </h5>
+                                  <div
+                                    className="emotion-11"
+                                  />
+                                  <button
+                                    aria-label="Add data for optional field"
+                                    className="chakra-button rjsf-add-optional-data btn-sm emotion-12"
+                                    id="root_nestedObjectOptional_deepArrayOptional2__optionalAdd"
+                                    onClick={[Function]}
+                                    title="Add data for optional field"
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      className="lucide lucide-plus"
+                                      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="M5 12h14"
+                                      />
+                                      <path
+                                        d="M12 5v14"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-45"
+                              >
+                                <div />
+                              </div>
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                    <div>
+                      <div
+                        className="rjsf-field rjsf-field-array"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r54:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_nestedObjectOptional_deepArray__title"
+                              >
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  deepArray
+                                </h5>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-45"
+                              >
+                                <div />
+                                <div
+                                  className="emotion-46"
+                                >
+                                  <div
+                                    className="emotion-47"
+                                  >
+                                    <button
+                                      className="chakra-button rjsf-array-item-add emotion-48"
+                                      disabled={false}
+                                      id="root_nestedObjectOptional_deepArray__add"
+                                      onClick={[Function]}
+                                      type="button"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        className="lucide lucide-plus"
+                                        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="M5 12h14"
+                                        />
+                                        <path
+                                          d="M12 5v14"
+                                        />
+                                      </svg>
+                                      Add Item
+                                    </button>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-array"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r55:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div>
+                    <div
+                      className="emotion-2"
+                      id="root_nestedArrayOptional__title"
+                    >
+                      <div
+                        className="emotion-9"
+                      >
+                        <h5
+                          className="chakra-heading emotion-3"
+                        >
+                          nestedArrayOptional
+                        </h5>
+                        <div
+                          className="emotion-11"
+                        />
+                        <button
+                          aria-label="Remove data for optional field"
+                          className="chakra-button rjsf-remove-optional-data btn-sm emotion-12"
+                          id="root_nestedArrayOptional__optionalRemove"
+                          onClick={[Function]}
+                          title="Remove data for optional field"
+                          type="button"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            className="lucide lucide-delete"
+                            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="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
+                            />
+                            <path
+                              d="m12 9 6 6"
+                            />
+                            <path
+                              d="m18 9-6 6"
+                            />
+                          </svg>
+                        </button>
+                      </div>
+                      <span
+                        aria-orientation="horizontal"
+                        className="chakra-separator emotion-4"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="emotion-45"
+                    >
+                      <div>
+                        <div
+                          className="chakra-stack emotion-76"
+                        >
+                          <div
+                            className="emotion-77"
+                          >
+                            <div
+                              className="rjsf-field rjsf-field-string"
+                            >
+                              <fieldset
+                                aria-labelledby="fieldset:::r56:::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-17"
+                                    data-part="root"
+                                    data-scope="field"
+                                    id="field:::r57:"
+                                    role="group"
+                                  >
+                                    <label
+                                      className="chakra-field__label emotion-18"
+                                      data-part="label"
+                                      data-required=""
+                                      data-scope="field"
+                                      htmlFor=":r57:"
+                                      id="field:::r57:::label"
+                                    >
+                                      nestedArrayOptional-0
+                                      <span
+                                        aria-hidden="true"
+                                        className="chakra-field__requiredIndicator emotion-82"
+                                      >
+                                        *
+                                      </span>
+                                    </label>
+                                    <input
+                                      aria-describedby="root_nestedArrayOptional_0__error root_nestedArrayOptional_0__description root_nestedArrayOptional_0__help"
+                                      autoFocus={false}
+                                      className="chakra-input emotion-19"
+                                      data-part="input"
+                                      data-required=""
+                                      data-scope="field"
+                                      disabled={false}
+                                      id="root_nestedArrayOptional_0"
+                                      name="root_nestedArrayOptional_0"
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      onFocus={[Function]}
+                                      placeholder=""
+                                      readOnly={false}
+                                      required={true}
+                                      type="text"
+                                      value="bar"
+                                    />
+                                  </div>
+                                </div>
+                              </fieldset>
+                            </div>
+                          </div>
+                          <div>
+                            <div
+                              className="chakra-group emotion-84"
+                            >
+                              <button
+                                aria-label="Remove"
+                                className="chakra-button rjsf-array-item-remove emotion-85"
+                                disabled={false}
+                                id="root_nestedArrayOptional_0__remove"
+                                onClick={[Function]}
+                                title="Remove"
+                                type="button"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  className="lucide lucide-delete"
+                                  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="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
+                                  />
+                                  <path
+                                    d="m12 9 6 6"
+                                  />
+                                  <path
+                                    d="m18 9-6 6"
+                                  />
+                                </svg>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        className="emotion-46"
+                      >
+                        <div
+                          className="emotion-47"
+                        >
+                          <button
+                            className="chakra-button rjsf-array-item-add emotion-48"
+                            disabled={false}
+                            id="root_nestedArrayOptional__add"
+                            onClick={[Function]}
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              className="lucide lucide-plus"
+                              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="M5 12h14"
+                              />
+                              <path
+                                d="M12 5v14"
+                              />
+                            </svg>
+                            Add Item
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-object"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r58:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="emotion-2"
+                    id="root_nestedObject__title"
+                  >
+                    <h5
+                      className="chakra-heading emotion-3"
+                    >
+                      nestedObject
+                    </h5>
+                    <span
+                      aria-orientation="horizontal"
+                      className="chakra-separator emotion-4"
+                      role="separator"
+                    />
+                  </div>
+                  <div
+                    className="emotion-5"
+                  >
+                    <div>
+                      <div
+                        className="rjsf-field rjsf-field-string"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r59:::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-17"
+                              data-part="root"
+                              data-scope="field"
+                              id="field:::r5a:"
+                              role="group"
+                            >
+                              <label
+                                className="chakra-field__label emotion-18"
+                                data-part="label"
+                                data-scope="field"
+                                htmlFor=":r5a:"
+                                id="field:::r5a:::label"
+                              >
+                                test
+                              </label>
+                              <input
+                                aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
+                                autoFocus={false}
+                                className="chakra-input emotion-19"
+                                data-part="input"
+                                data-scope="field"
+                                disabled={false}
+                                id="root_nestedObject_test"
+                                name="root_nestedObject_test"
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onFocus={[Function]}
+                                placeholder=""
+                                readOnly={false}
+                                required={false}
+                                type="text"
+                                value=""
+                              />
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-array"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r5b:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div>
+                    <div
+                      className="emotion-2"
+                      id="root_nestedArray__title"
+                    >
+                      <h5
+                        className="chakra-heading emotion-3"
+                      >
+                        nestedArray
+                      </h5>
+                      <span
+                        aria-orientation="horizontal"
+                        className="chakra-separator emotion-4"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="emotion-45"
+                    >
+                      <div />
+                      <div
+                        className="emotion-46"
+                      >
+                        <div
+                          className="emotion-47"
+                        >
+                          <button
+                            className="chakra-button rjsf-array-item-add emotion-48"
+                            disabled={false}
+                            id="root_nestedArray__add"
+                            onClick={[Function]}
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              className="lucide lucide-plus"
+                              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="M5 12h14"
+                              />
+                              <path
+                                d="M12 5v14"
+                              />
+                            </svg>
+                            Add Item
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r5c:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="chakra-card__root emotion-111"
+                  >
+                    <div
+                      className="chakra-card__body emotion-112"
+                    >
+                      <div
+                        className="emotion-113"
+                      />
+                      <div
+                        className="rjsf-field rjsf-field-object"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r5d:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div
+                              className="emotion-2"
+                              id="root_optionalObjectWithOneofs__title"
+                            >
+                              <div
+                                className="emotion-9"
+                              >
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  optionalObjectWithOneofs
+                                </h5>
+                                <div
+                                  className="emotion-11"
+                                />
+                                <button
+                                  aria-label="Add data for optional field"
+                                  className="chakra-button rjsf-add-optional-data btn-sm emotion-12"
+                                  id="root_optionalObjectWithOneofs__optionalAdd"
+                                  onClick={[Function]}
+                                  title="Add data for optional field"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    className="lucide lucide-plus"
+                                    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="M5 12h14"
+                                    />
+                                    <path
+                                      d="M12 5v14"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                              <span
+                                aria-orientation="horizontal"
+                                className="chakra-separator emotion-4"
+                                role="separator"
+                              />
+                            </div>
+                            <div
+                              className="emotion-5"
+                            />
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r5e:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="chakra-card__root emotion-111"
+                  >
+                    <div
+                      className="chakra-card__body emotion-112"
+                    >
+                      <div
+                        className="emotion-113"
+                      />
+                      <div
+                        className="rjsf-field rjsf-field-array"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r5f:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_optionalArrayWithAnyofs__title"
+                              >
+                                <div
+                                  className="emotion-9"
+                                >
+                                  <h5
+                                    className="chakra-heading emotion-3"
+                                  >
+                                    optionalArrayWithAnyofs
+                                  </h5>
+                                  <div
+                                    className="emotion-11"
+                                  />
+                                  <button
+                                    aria-label="Add data for optional field"
+                                    className="chakra-button rjsf-add-optional-data btn-sm emotion-12"
+                                    id="root_optionalArrayWithAnyofs__optionalAdd"
+                                    onClick={[Function]}
+                                    title="Add data for optional field"
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      className="lucide lucide-plus"
+                                      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="M5 12h14"
+                                      />
+                                      <path
+                                        d="M12 5v14"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-45"
+                              >
+                                <div />
+                              </div>
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div
+    className="emotion-137"
+  >
+    <button
+      className="chakra-button emotion-48"
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields optional data controls shows "add" and "remove" optional controls when turned on in uiSchema, readonly and formData 1`] = `
+@layer recipes {
+  .emotion-0 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -12489,30 +12327,18 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
-    position: relative;
-    min-width: 0;
-    word-wrap: break-word;
-    border-radius: var(--chakra-radii-l3);
-    color: var(--chakra-colors-fg);
-    text-align: start;
-    background: var(--chakra-colors-bg-panel);
-    --bg-currentcolor: var(--chakra-colors-bg-panel);
-    border-width: 1px;
-    border-color: var(--chakra-colors-border);
-    --card-padding: var(--chakra-spacing-6);
+    width: var(--chakra-sizes-full);
   }
-}
 
-.emotion-100 {
-  padding-bottom: var(--chakra-spacing-2);
+  .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-100 {
-    padding: var(--card-padding);
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
+  .emotion-1 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -12520,20 +12346,47 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
+    width: var(--chakra-sizes-full);
+    gap: var(--chakra-spacing-4);
   }
 }
 
-.emotion-101 {
+.emotion-2 {
+  margin-top: var(--chakra-spacing-1);
+  margin-bottom: var(--chakra-spacing-4);
+}
+
+@layer recipes {
+  .emotion-3 {
+    font-family: var(--chakra-fonts-heading);
+    font-weight: var(--chakra-font-weights-semibold);
+    font-size: var(--chakra-font-sizes-xl);
+    line-height: 1.875rem;
+  }
+}
+
+@layer recipes {
+  .emotion-4 {
+    display: block;
+    border-color: var(--chakra-colors-border);
+    --separator-thickness: 1px;
+    border-style: solid;
+    border-top-width: var(--separator-thickness);
+  }
+}
+
+.emotion-5 {
+  display: grid;
+  gap: var(--chakra-spacing-4);
   margin-bottom: var(--chakra-spacing-4);
 }
 
-.emotion-102 {
+.emotion-14 {
   margin-bottom: var(--chakra-spacing-1);
-  position: relative;
 }
 
 @layer recipes {
-  .emotion-102 {
+  .emotion-14 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -12552,302 +12405,393 @@ exports[`single fields optional data controls shows "add" and "remove" optional
 }
 
 @layer recipes {
-  .emotion-104 {
+  .emotion-15 {
     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);
+    -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-15:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
   }
 }
 
 @layer recipes {
-  .emotion-105 {
+  .emotion-16 {
+    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-16:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .emotion-16:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    --focus-ring-color: var(--error-color);
+    border-color: var(--error-color);
+  }
+
+  .emotion-16: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-39 {
+  display: grid;
+}
+
+.emotion-40 {
+  justify-self: flex-end;
+}
+
+.emotion-41 {
+  margin-top: var(--chakra-spacing-2);
+}
+
 @layer recipes {
-  .emotion-107 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
+  .emotion-42 {
+    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: 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-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;
-    text-align: start;
+    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);
-    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);
+    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-107:is(:focus-visible, [data-focus-visible]) {
-    outline-offset: 0px;
-    outline-width: var(--focus-ring-width, 1px);
-    outline-color: var(--focus-ring-color);
+  .emotion-42: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);
-    border-color: var(--focus-ring-color);
-  }
-
-  .emotion-107: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));
+    outline-color: var(--focus-ring-color);
   }
 
-  .emotion-107:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-42:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-107:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    border-color: var(--chakra-colors-border-error);
+  .emotion-42 :where(svg) {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
   }
 
-  .emotion-107:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
-    border-color: var(--chakra-colors-border-emphasized);
+  .emotion-42: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));
   }
-}
 
-@layer recipes {
-  .emotion-108 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-    text-wrap: wrap;
-    max-width: 80%;
+  @media (hover: hover) {
+    .emotion-42: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));
+    }
   }
 }
 
+.emotion-64 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: flex-end;
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  gap: 0.5rem;
+  padding-block: var(--chakra-spacing-1);
+}
+
+.emotion-65 {
+  width: 100%;
+}
+
 @layer recipes {
-  .emotion-109 {
-    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;
+  .emotion-70 {
+    color: var(--chakra-colors-fg-error);
+    line-height: 1;
   }
 }
 
+.emotion-72 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  margin-bottom: var(--chakra-spacing-1);
+}
+
 @layer recipes {
-  .emotion-110 {
-    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-72 {
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    gap: 0!important;
+    isolation: isolate;
+    position: relative;
+    -webkit-flex-direction: row;
+    -ms-flex-direction: row;
+    flex-direction: row;
   }
 
-  .emotion-110:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    color: var(--chakra-colors-fg-subtle);
+  .emotion-72 [data-group-item]:is(:focus-visible, [data-focus-visible]) {
+    z-index: 1;
   }
 
-  .emotion-110:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    color: var(--chakra-colors-fg-error);
+  .emotion-72>*[data-first] {
+    border-start-end-radius: 0!important;
+    border-end-end-radius: 0!important;
+    -webkit-margin-end: -1px;
+    margin-inline-end: -1px;
   }
 
-  .emotion-110 :where(svg) {
-    width: var(--chakra-sizes-4);
-    height: var(--chakra-sizes-4);
+  .emotion-72>*[data-between] {
+    border-radius: 0!important;
+    -webkit-margin-end: -1px;
+    margin-inline-end: -1px;
   }
-}
 
-.emotion-111 {
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: round;
+  .emotion-72>*[data-last] {
+    border-start-start-radius: 0!important;
+    border-end-start-radius: 0!important;
+  }
 }
 
-.emotion-112 {
-  min-width: 100%!important;
-  z-index: 2!important;
-  top: calc(100% + 5px)!important;
+.emotion-73 {
+  padding-inline: 0;
+  padding-block: 0;
 }
 
 @layer recipes {
-  .emotion-113 {
-    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);
+  .emotion-73 {
+    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;
-    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;
+    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-113: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-113: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-113: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-113: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-73: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-113: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-73:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
   }
 
-  .emotion-113: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-73 :where(svg) {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
   }
 
-  .emotion-113: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-73: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));
   }
 
-  .emotion-113: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;
+  @media (hover: hover) {
+    .emotion-73: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));
+    }
   }
+}
 
-  .emotion-113: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-73 :where(svg) {
+  font-size: 1.2em;
+}
 
-  .emotion-113: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;
-  }
+.emotion-99 {
+  margin-bottom: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-114 {
-    position: relative;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
+  .emotion-99 {
     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;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    position: relative;
+    min-width: 0;
+    word-wrap: break-word;
+    border-radius: var(--chakra-radii-l3);
+    color: var(--chakra-colors-fg);
     text-align: start;
-    border-radius: var(--chakra-radii-l1);
-    padding-block: var(--chakra-spacing-1\\.5);
-    padding-inline: var(--chakra-spacing-2);
-  }
-
-  .emotion-114[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-114:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    pointer-events: none;
-    opacity: 0.5;
+    background: var(--chakra-colors-bg-panel);
+    --bg-currentcolor: var(--chakra-colors-bg-panel);
+    border-width: 1px;
+    border-color: var(--chakra-colors-border);
+    --card-padding: var(--chakra-spacing-6);
   }
+}
 
-  .emotion-114 :where(svg) {
-    width: var(--chakra-sizes-4);
-    height: var(--chakra-sizes-4);
-  }
+.emotion-100 {
+  padding-bottom: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-115 {
+  .emotion-100 {
+    padding: var(--card-padding);
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
     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;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
   }
 }
 
-.emotion-134 {
+.emotion-101 {
+  margin-bottom: var(--chakra-spacing-4);
+}
+
+.emotion-119 {
   margin-top: var(--chakra-spacing-3);
 }
 
@@ -12860,7 +12804,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r6l:::legend"
+      aria-labelledby="fieldset:::r6n:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -12893,7 +12837,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6m:::legend"
+                aria-labelledby="fieldset:::r6o:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -12926,7 +12870,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6n:::legend"
+                          aria-labelledby="fieldset:::r6p:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -12941,7 +12885,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               data-part="root"
                               data-readonly=""
                               data-scope="field"
-                              id="field:::r6o:"
+                              id="field:::r6q:"
                               role="group"
                             >
                               <label
@@ -12950,8 +12894,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 data-part="label"
                                 data-readonly=""
                                 data-scope="field"
-                                htmlFor=":r6o:"
-                                id="field:::r6o:::label"
+                                htmlFor=":r6q:"
+                                id="field:::r6q:::label"
                               >
                                 test
                               </label>
@@ -12984,7 +12928,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6p:::legend"
+                          aria-labelledby="fieldset:::r6r:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -13028,7 +12972,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6q:::legend"
+                          aria-labelledby="fieldset:::r6s:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -13038,203 +12982,80 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             className="fieldset__content emotion-1"
                           >
                             <div
-                              className="emotion-2"
-                              id="root_nestedObjectOptional_deepObject__title"
-                            >
-                              <h5
-                                className="chakra-heading emotion-3"
-                              >
-                                deepObject
-                              </h5>
-                              <span
-                                aria-orientation="horizontal"
-                                className="chakra-separator emotion-4"
-                                role="separator"
-                              />
-                            </div>
-                            <div
-                              className="emotion-5"
-                            >
-                              <div />
-                              <div>
-                                <div
-                                  className="rjsf-field rjsf-field-string"
-                                >
-                                  <fieldset
-                                    aria-labelledby="fieldset:::r6r:::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-14"
-                                        data-disabled=""
-                                        data-part="root"
-                                        data-readonly=""
-                                        data-scope="field"
-                                        id="field:::r6s:"
-                                        role="group"
-                                      >
-                                        <label
-                                          className="chakra-field__label emotion-15"
-                                          data-disabled=""
-                                          data-part="label"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          htmlFor=":r6s:"
-                                          id="field:::r6s:::label"
-                                        >
-                                          deepTest
-                                        </label>
-                                        <input
-                                          aria-describedby="root_nestedObjectOptional_deepObject_deepTest__error root_nestedObjectOptional_deepObject_deepTest__description root_nestedObjectOptional_deepObject_deepTest__help"
-                                          autoFocus={false}
-                                          className="chakra-input emotion-16"
-                                          data-part="input"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          disabled={true}
-                                          id="root_nestedObjectOptional_deepObject_deepTest"
-                                          name="root_nestedObjectOptional_deepObject_deepTest"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          placeholder=""
-                                          readOnly={true}
-                                          required={false}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </div>
-                                    </div>
-                                  </fieldset>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                    <div>
-                      <div
-                        className="rjsf-field rjsf-field-array"
-                      >
-                        <fieldset
-                          aria-labelledby="fieldset:::r6t:::legend"
-                          className="fieldset__root emotion-0"
-                          data-part="root"
-                          data-scope="fieldset"
-                          disabled={false}
-                        >
-                          <div
-                            className="fieldset__content emotion-1"
-                          >
-                            <div>
-                              <div
-                                className="emotion-2"
-                                id="root_nestedObjectOptional_deepArrayOptional__title"
-                              >
-                                <h5
-                                  className="chakra-heading emotion-3"
-                                >
-                                  deepArrayOptional
-                                </h5>
-                                <span
-                                  aria-orientation="horizontal"
-                                  className="chakra-separator emotion-4"
-                                  role="separator"
-                                />
-                              </div>
-                              <div
-                                className="emotion-39"
-                              >
-                                <div />
-                                <div
-                                  className="emotion-40"
-                                >
-                                  <div
-                                    className="emotion-41"
-                                  >
-                                    <button
-                                      className="chakra-button rjsf-array-item-add emotion-42"
-                                      disabled={true}
-                                      id="root_nestedObjectOptional_deepArrayOptional__add"
-                                      onClick={[Function]}
-                                      type="button"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        className="lucide lucide-plus"
-                                        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="M5 12h14"
-                                        />
-                                        <path
-                                          d="M12 5v14"
-                                        />
-                                      </svg>
-                                      Add Item
-                                    </button>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                    <div>
-                      <div
-                        className="rjsf-field rjsf-field-array"
-                      >
-                        <fieldset
-                          aria-labelledby="fieldset:::r6u:::legend"
-                          className="fieldset__root emotion-0"
-                          data-part="root"
-                          data-scope="fieldset"
-                          disabled={false}
-                        >
-                          <div
-                            className="fieldset__content emotion-1"
-                          >
-                            <div>
-                              <div
-                                className="emotion-2"
-                                id="root_nestedObjectOptional_deepArrayOptional2__title"
+                              className="emotion-2"
+                              id="root_nestedObjectOptional_deepObject__title"
+                            >
+                              <h5
+                                className="chakra-heading emotion-3"
                               >
-                                <h5
-                                  className="chakra-heading emotion-3"
+                                deepObject
+                              </h5>
+                              <span
+                                aria-orientation="horizontal"
+                                className="chakra-separator emotion-4"
+                                role="separator"
+                              />
+                            </div>
+                            <div
+                              className="emotion-5"
+                            >
+                              <div />
+                              <div>
+                                <div
+                                  className="rjsf-field rjsf-field-string"
                                 >
-                                  deepArrayOptional2
-                                </h5>
-                                <span
-                                  aria-orientation="horizontal"
-                                  className="chakra-separator emotion-4"
-                                  role="separator"
-                                />
-                              </div>
-                              <div
-                                className="emotion-39"
-                              >
-                                <div>
-                                  <em
-                                    id="root_nestedObjectOptional_deepArrayOptional2__optionalMsg"
+                                  <fieldset
+                                    aria-labelledby="fieldset:::r6t:::legend"
+                                    className="fieldset__root emotion-0"
+                                    data-part="root"
+                                    data-scope="fieldset"
+                                    disabled={false}
                                   >
-                                    No data for optional field
-                                  </em>
+                                    <div
+                                      className="fieldset__content emotion-1"
+                                    >
+                                      <div
+                                        className="chakra-field__root emotion-14"
+                                        data-disabled=""
+                                        data-part="root"
+                                        data-readonly=""
+                                        data-scope="field"
+                                        id="field:::r6u:"
+                                        role="group"
+                                      >
+                                        <label
+                                          className="chakra-field__label emotion-15"
+                                          data-disabled=""
+                                          data-part="label"
+                                          data-readonly=""
+                                          data-scope="field"
+                                          htmlFor=":r6u:"
+                                          id="field:::r6u:::label"
+                                        >
+                                          deepTest
+                                        </label>
+                                        <input
+                                          aria-describedby="root_nestedObjectOptional_deepObject_deepTest__error root_nestedObjectOptional_deepObject_deepTest__description root_nestedObjectOptional_deepObject_deepTest__help"
+                                          autoFocus={false}
+                                          className="chakra-input emotion-16"
+                                          data-part="input"
+                                          data-readonly=""
+                                          data-scope="field"
+                                          disabled={true}
+                                          id="root_nestedObjectOptional_deepObject_deepTest"
+                                          name="root_nestedObjectOptional_deepObject_deepTest"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          placeholder=""
+                                          readOnly={true}
+                                          required={false}
+                                          type="text"
+                                          value=""
+                                        />
+                                      </div>
+                                    </div>
+                                  </fieldset>
                                 </div>
                               </div>
                             </div>
@@ -13259,12 +13080,12 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             <div>
                               <div
                                 className="emotion-2"
-                                id="root_nestedObjectOptional_deepArray__title"
+                                id="root_nestedObjectOptional_deepArrayOptional__title"
                               >
                                 <h5
                                   className="chakra-heading emotion-3"
                                 >
-                                  deepArray
+                                  deepArrayOptional
                                 </h5>
                                 <span
                                   aria-orientation="horizontal"
@@ -13285,7 +13106,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                     <button
                                       className="chakra-button rjsf-array-item-add emotion-42"
                                       disabled={true}
-                                      id="root_nestedObjectOptional_deepArray__add"
+                                      id="root_nestedObjectOptional_deepArrayOptional__add"
                                       onClick={[Function]}
                                       type="button"
                                     >
@@ -13296,262 +13117,35 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                         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="M5 12h14"
-                                        />
-                                        <path
-                                          d="M12 5v14"
-                                        />
-                                      </svg>
-                                      Add Item
-                                    </button>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-array"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r70:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div>
-                    <div
-                      className="emotion-2"
-                      id="root_nestedArrayOptional__title"
-                    >
-                      <h5
-                        className="chakra-heading emotion-3"
-                      >
-                        nestedArrayOptional
-                      </h5>
-                      <span
-                        aria-orientation="horizontal"
-                        className="chakra-separator emotion-4"
-                        role="separator"
-                      />
-                    </div>
-                    <div
-                      className="emotion-39"
-                    >
-                      <div>
-                        <div
-                          className="chakra-stack emotion-64"
-                        >
-                          <div
-                            className="emotion-65"
-                          >
-                            <div
-                              className="rjsf-field rjsf-field-string"
-                            >
-                              <fieldset
-                                aria-labelledby="fieldset:::r71:::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-14"
-                                    data-disabled=""
-                                    data-part="root"
-                                    data-readonly=""
-                                    data-scope="field"
-                                    id="field:::r72:"
-                                    role="group"
-                                  >
-                                    <label
-                                      className="chakra-field__label emotion-15"
-                                      data-disabled=""
-                                      data-part="label"
-                                      data-readonly=""
-                                      data-required=""
-                                      data-scope="field"
-                                      htmlFor=":r72:"
-                                      id="field:::r72:::label"
-                                    >
-                                      nestedArrayOptional-0
-                                      <span
-                                        aria-hidden="true"
-                                        className="chakra-field__requiredIndicator emotion-70"
-                                      >
-                                        *
-                                      </span>
-                                    </label>
-                                    <input
-                                      aria-describedby="root_nestedArrayOptional_0__error root_nestedArrayOptional_0__description root_nestedArrayOptional_0__help"
-                                      autoFocus={false}
-                                      className="chakra-input emotion-16"
-                                      data-part="input"
-                                      data-readonly=""
-                                      data-required=""
-                                      data-scope="field"
-                                      disabled={true}
-                                      id="root_nestedArrayOptional_0"
-                                      name="root_nestedArrayOptional_0"
-                                      onBlur={[Function]}
-                                      onChange={[Function]}
-                                      onFocus={[Function]}
-                                      placeholder=""
-                                      readOnly={true}
-                                      required={true}
-                                      type="text"
-                                      value="bar"
-                                    />
-                                  </div>
-                                </div>
-                              </fieldset>
-                            </div>
-                          </div>
-                          <div>
-                            <div
-                              className="chakra-group emotion-72"
-                            >
-                              <button
-                                aria-label="Remove"
-                                className="chakra-button rjsf-array-item-remove emotion-73"
-                                disabled={true}
-                                id="root_nestedArrayOptional_0__remove"
-                                onClick={[Function]}
-                                title="Remove"
-                                type="button"
-                              >
-                                <svg
-                                  aria-hidden="true"
-                                  className="lucide lucide-delete"
-                                  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="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
-                                  />
-                                  <path
-                                    d="m12 9 6 6"
-                                  />
-                                  <path
-                                    d="m18 9-6 6"
-                                  />
-                                </svg>
-                              </button>
+                                        strokeLinejoin="round"
+                                        strokeWidth={2}
+                                        viewBox="0 0 24 24"
+                                        width={24}
+                                        xmlns="http://www.w3.org/2000/svg"
+                                      >
+                                        <path
+                                          d="M5 12h14"
+                                        />
+                                        <path
+                                          d="M12 5v14"
+                                        />
+                                      </svg>
+                                      Add Item
+                                    </button>
+                                  </div>
+                                </div>
+                              </div>
                             </div>
                           </div>
-                        </div>
-                      </div>
-                      <div
-                        className="emotion-40"
-                      >
-                        <div
-                          className="emotion-41"
-                        >
-                          <button
-                            className="chakra-button rjsf-array-item-add emotion-42"
-                            disabled={true}
-                            id="root_nestedArrayOptional__add"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              className="lucide lucide-plus"
-                              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="M5 12h14"
-                              />
-                              <path
-                                d="M12 5v14"
-                              />
-                            </svg>
-                            Add Item
-                          </button>
-                        </div>
+                        </fieldset>
                       </div>
                     </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-object"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r73:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div
-                    className="emotion-2"
-                    id="root_nestedObject__title"
-                  >
-                    <h5
-                      className="chakra-heading emotion-3"
-                    >
-                      nestedObject
-                    </h5>
-                    <span
-                      aria-orientation="horizontal"
-                      className="chakra-separator emotion-4"
-                      role="separator"
-                    />
-                  </div>
-                  <div
-                    className="emotion-5"
-                  >
-                    <div />
                     <div>
                       <div
-                        className="rjsf-field rjsf-field-string"
+                        className="rjsf-field rjsf-field-array"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r74:::legend"
+                          aria-labelledby="fieldset:::r70:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -13560,125 +13154,113 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                           <div
                             className="fieldset__content emotion-1"
                           >
-                            <div
-                              className="chakra-field__root emotion-14"
-                              data-disabled=""
-                              data-part="root"
-                              data-readonly=""
-                              data-scope="field"
-                              id="field:::r75:"
-                              role="group"
-                            >
-                              <label
-                                className="chakra-field__label emotion-15"
-                                data-disabled=""
-                                data-part="label"
-                                data-readonly=""
-                                data-scope="field"
-                                htmlFor=":r75:"
-                                id="field:::r75:::label"
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_nestedObjectOptional_deepArrayOptional2__title"
                               >
-                                test
-                              </label>
-                              <input
-                                aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
-                                autoFocus={false}
-                                className="chakra-input emotion-16"
-                                data-part="input"
-                                data-readonly=""
-                                data-scope="field"
-                                disabled={true}
-                                id="root_nestedObject_test"
-                                name="root_nestedObject_test"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                placeholder=""
-                                readOnly={true}
-                                required={false}
-                                type="text"
-                                value=""
-                              />
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  deepArrayOptional2
+                                </h5>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-39"
+                              >
+                                <div>
+                                  <em
+                                    id="root_nestedObjectOptional_deepArrayOptional2__optionalMsg"
+                                  >
+                                    No data for optional field
+                                  </em>
+                                </div>
+                              </div>
                             </div>
                           </div>
                         </fieldset>
                       </div>
                     </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-array"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r76:::legend"
-                className="fieldset__root emotion-0"
-                data-part="root"
-                data-scope="fieldset"
-                disabled={false}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div>
-                    <div
-                      className="emotion-2"
-                      id="root_nestedArray__title"
-                    >
-                      <h5
-                        className="chakra-heading emotion-3"
-                      >
-                        nestedArray
-                      </h5>
-                      <span
-                        aria-orientation="horizontal"
-                        className="chakra-separator emotion-4"
-                        role="separator"
-                      />
-                    </div>
-                    <div
-                      className="emotion-39"
-                    >
-                      <div />
+                    <div>
                       <div
-                        className="emotion-40"
+                        className="rjsf-field rjsf-field-array"
                       >
-                        <div
-                          className="emotion-41"
+                        <fieldset
+                          aria-labelledby="fieldset:::r71:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
                         >
-                          <button
-                            className="chakra-button rjsf-array-item-add emotion-42"
-                            disabled={true}
-                            id="root_nestedArray__add"
-                            onClick={[Function]}
-                            type="button"
+                          <div
+                            className="fieldset__content emotion-1"
                           >
-                            <svg
-                              aria-hidden="true"
-                              className="lucide lucide-plus"
-                              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="M5 12h14"
-                              />
-                              <path
-                                d="M12 5v14"
-                              />
-                            </svg>
-                            Add Item
-                          </button>
-                        </div>
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_nestedObjectOptional_deepArray__title"
+                              >
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  deepArray
+                                </h5>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-39"
+                              >
+                                <div />
+                                <div
+                                  className="emotion-40"
+                                >
+                                  <div
+                                    className="emotion-41"
+                                  >
+                                    <button
+                                      className="chakra-button rjsf-array-item-add emotion-42"
+                                      disabled={true}
+                                      id="root_nestedObjectOptional_deepArray__add"
+                                      onClick={[Function]}
+                                      type="button"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        className="lucide lucide-plus"
+                                        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="M5 12h14"
+                                        />
+                                        <path
+                                          d="M12 5v14"
+                                        />
+                                      </svg>
+                                      Add Item
+                                    </button>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </fieldset>
                       </div>
                     </div>
                   </div>
@@ -13688,10 +13270,10 @@ exports[`single fields optional data controls shows "add" and "remove" optional
           </div>
           <div>
             <div
-              className="rjsf-field rjsf-field-undefined"
+              className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r77:::legend"
+                aria-labelledby="fieldset:::r72:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -13700,311 +13282,377 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                 <div
                   className="fieldset__content emotion-1"
                 >
-                  <div
-                    className="chakra-card__root emotion-99"
-                  >
+                  <div>
                     <div
-                      className="chakra-card__body emotion-100"
+                      className="emotion-2"
+                      id="root_nestedArrayOptional__title"
                     >
-                      <div
-                        className="emotion-101"
+                      <h5
+                        className="chakra-heading emotion-3"
                       >
-                        <div
-                          className="chakra-field__root emotion-102"
-                          data-disabled=""
-                          data-part="root"
-                          data-readonly=""
-                          data-scope="field"
-                          id="field:::r78:"
-                          role="group"
-                        >
-                          <label
-                            className="chakra-field__label emotion-15"
-                            data-disabled=""
-                            data-part="label"
-                            data-readonly=""
-                            data-scope="field"
-                            htmlFor=":r78:"
-                            id="field:::r78:::label"
-                          >
-                            optionalObjectWithOneofs
-                          </label>
-                          <div
-                            aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                            className="chakra-select__root emotion-104"
-                            data-part="root"
-                            data-readonly=""
-                            data-scope="select"
-                            dir="ltr"
-                            id="select:root_optionalObjectWithOneofs__oneof_select"
-                            onBlur={[Function]}
-                            onFocus={[Function]}
-                          >
-                            <select
-                              aria-hidden={true}
-                              aria-labelledby="field:::r78:::label"
-                              defaultValue="0"
-                              disabled={true}
-                              id=":r78:"
-                              multiple={false}
-                              name="root_optionalObjectWithOneofs__oneof_select"
-                              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
-                                disabled={false}
-                                value="0"
-                              >
-                                Option 1
-                              </option>
-                              <option
-                                disabled={false}
-                                value="1"
-                              >
-                                Option 2
-                              </option>
-                              <option
-                                disabled={false}
-                                value="2"
-                              >
-                                Option 3
-                              </option>
-                            </select>
-                            <div
-                              className="chakra-select__control emotion-105"
-                              data-disabled=""
-                              data-part="control"
-                              data-scope="select"
-                              data-state="closed"
-                              dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select:control"
-                            >
-                              <div
-                                className="chakra-select__control emotion-105"
-                                data-disabled=""
-                                data-part="control"
-                                data-scope="select"
-                                data-state="closed"
-                                dir="ltr"
-                                id="select:root_optionalObjectWithOneofs__oneof_select:control"
-                              >
-                                <button
-                                  aria-controls="select:root_optionalObjectWithOneofs__oneof_select:content"
-                                  aria-expanded={false}
-                                  aria-haspopup="listbox"
-                                  aria-invalid={false}
-                                  aria-labelledby="field:::r78:::label"
-                                  className="chakra-select__trigger emotion-107"
-                                  data-disabled=""
-                                  data-part="trigger"
-                                  data-readonly=""
-                                  data-scope="select"
-                                  data-state="closed"
-                                  dir="ltr"
-                                  disabled={true}
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:trigger"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onKeyDown={[Function]}
-                                  role="combobox"
-                                  type="button"
-                                >
-                                  <span
-                                    className="chakra-select__valueText emotion-108"
-                                    data-disabled=""
-                                    data-part="value-text"
-                                    data-scope="select"
-                                    dir="ltr"
-                                  >
-                                    Option 1
-                                  </span>
-                                </button>
-                                <div
-                                  className="chakra-select__indicatorGroup emotion-109"
-                                >
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__indicator emotion-110"
-                                    data-disabled=""
-                                    data-part="indicator"
-                                    data-readonly=""
-                                    data-scope="select"
-                                    data-state="closed"
-                                    dir="ltr"
-                                  >
-                                    <svg
-                                      className="emotion-111"
-                                      viewBox="0 0 24 24"
-                                    >
-                                      <path
-                                        d="m6 9 6 6 6-6"
-                                      />
-                                    </svg>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                            <div
-                              className="chakra-select__positioner emotion-112"
-                              data-part="positioner"
-                              data-scope="select"
-                              dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select: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:::r78:::label"
-                                className="chakra-select__content emotion-113"
-                                data-part="content"
-                                data-scope="select"
-                                data-state="closed"
-                                dir="ltr"
-                                hidden={true}
-                                id="select:root_optionalObjectWithOneofs__oneof_select:content"
-                                onKeyDown={[Function]}
-                                role="listbox"
-                                tabIndex={0}
-                              >
-                                <div
-                                  aria-disabled="true"
-                                  aria-selected={true}
-                                  className="chakra-select__item emotion-114"
-                                  data-disabled=""
-                                  data-part="item"
-                                  data-scope="select"
-                                  data-state="checked"
-                                  data-value="0"
-                                  dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:0"
-                                  onClick={[Function]}
-                                  onPointerLeave={[Function]}
-                                  onPointerMove={[Function]}
-                                  role="option"
-                                >
-                                  Option 1
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-115"
-                                    data-part="item-indicator"
-                                    data-scope="select"
-                                    data-state="checked"
-                                    hidden={false}
-                                  >
-                                    <svg
-                                      className="emotion-111"
-                                      viewBox="0 0 24 24"
-                                    >
-                                      <path
-                                        d="M20 6 9 17l-5-5"
-                                      />
-                                    </svg>
-                                  </div>
-                                </div>
+                        nestedArrayOptional
+                      </h5>
+                      <span
+                        aria-orientation="horizontal"
+                        className="chakra-separator emotion-4"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="emotion-39"
+                    >
+                      <div>
+                        <div
+                          className="chakra-stack emotion-64"
+                        >
+                          <div
+                            className="emotion-65"
+                          >
+                            <div
+                              className="rjsf-field rjsf-field-string"
+                            >
+                              <fieldset
+                                aria-labelledby="fieldset:::r73:::legend"
+                                className="fieldset__root emotion-0"
+                                data-part="root"
+                                data-scope="fieldset"
+                                disabled={false}
+                              >
                                 <div
-                                  aria-disabled="true"
-                                  aria-selected={false}
-                                  className="chakra-select__item emotion-114"
-                                  data-disabled=""
-                                  data-part="item"
-                                  data-scope="select"
-                                  data-state="unchecked"
-                                  data-value="1"
-                                  dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:1"
-                                  onClick={[Function]}
-                                  onPointerLeave={[Function]}
-                                  onPointerMove={[Function]}
-                                  role="option"
+                                  className="fieldset__content emotion-1"
                                 >
-                                  Option 2
                                   <div
-                                    aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-115"
-                                    data-part="item-indicator"
-                                    data-scope="select"
-                                    data-state="unchecked"
-                                    hidden={true}
+                                    className="chakra-field__root emotion-14"
+                                    data-disabled=""
+                                    data-part="root"
+                                    data-readonly=""
+                                    data-scope="field"
+                                    id="field:::r74:"
+                                    role="group"
                                   >
-                                    <svg
-                                      className="emotion-111"
-                                      viewBox="0 0 24 24"
+                                    <label
+                                      className="chakra-field__label emotion-15"
+                                      data-disabled=""
+                                      data-part="label"
+                                      data-readonly=""
+                                      data-required=""
+                                      data-scope="field"
+                                      htmlFor=":r74:"
+                                      id="field:::r74:::label"
                                     >
-                                      <path
-                                        d="M20 6 9 17l-5-5"
-                                      />
-                                    </svg>
+                                      nestedArrayOptional-0
+                                      <span
+                                        aria-hidden="true"
+                                        className="chakra-field__requiredIndicator emotion-70"
+                                      >
+                                        *
+                                      </span>
+                                    </label>
+                                    <input
+                                      aria-describedby="root_nestedArrayOptional_0__error root_nestedArrayOptional_0__description root_nestedArrayOptional_0__help"
+                                      autoFocus={false}
+                                      className="chakra-input emotion-16"
+                                      data-part="input"
+                                      data-readonly=""
+                                      data-required=""
+                                      data-scope="field"
+                                      disabled={true}
+                                      id="root_nestedArrayOptional_0"
+                                      name="root_nestedArrayOptional_0"
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      onFocus={[Function]}
+                                      placeholder=""
+                                      readOnly={true}
+                                      required={true}
+                                      type="text"
+                                      value="bar"
+                                    />
                                   </div>
                                 </div>
-                                <div
-                                  aria-disabled="true"
-                                  aria-selected={false}
-                                  className="chakra-select__item emotion-114"
-                                  data-disabled=""
-                                  data-part="item"
-                                  data-scope="select"
-                                  data-state="unchecked"
-                                  data-value="2"
-                                  dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:2"
-                                  onClick={[Function]}
-                                  onPointerLeave={[Function]}
-                                  onPointerMove={[Function]}
-                                  role="option"
+                              </fieldset>
+                            </div>
+                          </div>
+                          <div>
+                            <div
+                              className="chakra-group emotion-72"
+                            >
+                              <button
+                                aria-label="Remove"
+                                className="chakra-button rjsf-array-item-remove emotion-73"
+                                disabled={true}
+                                id="root_nestedArrayOptional_0__remove"
+                                onClick={[Function]}
+                                title="Remove"
+                                type="button"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  className="lucide lucide-delete"
+                                  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"
                                 >
-                                  Option 3
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-115"
-                                    data-part="item-indicator"
-                                    data-scope="select"
-                                    data-state="unchecked"
-                                    hidden={true}
-                                  >
-                                    <svg
-                                      className="emotion-111"
-                                      viewBox="0 0 24 24"
-                                    >
-                                      <path
-                                        d="M20 6 9 17l-5-5"
-                                      />
-                                    </svg>
-                                  </div>
-                                </div>
-                              </div>
+                                  <path
+                                    d="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
+                                  />
+                                  <path
+                                    d="m12 9 6 6"
+                                  />
+                                  <path
+                                    d="m18 9-6 6"
+                                  />
+                                </svg>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        className="emotion-40"
+                      >
+                        <div
+                          className="emotion-41"
+                        >
+                          <button
+                            className="chakra-button rjsf-array-item-add emotion-42"
+                            disabled={true}
+                            id="root_nestedArrayOptional__add"
+                            onClick={[Function]}
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              className="lucide lucide-plus"
+                              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="M5 12h14"
+                              />
+                              <path
+                                d="M12 5v14"
+                              />
+                            </svg>
+                            Add Item
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-object"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r75:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="emotion-2"
+                    id="root_nestedObject__title"
+                  >
+                    <h5
+                      className="chakra-heading emotion-3"
+                    >
+                      nestedObject
+                    </h5>
+                    <span
+                      aria-orientation="horizontal"
+                      className="chakra-separator emotion-4"
+                      role="separator"
+                    />
+                  </div>
+                  <div
+                    className="emotion-5"
+                  >
+                    <div />
+                    <div>
+                      <div
+                        className="rjsf-field rjsf-field-string"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r76:::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-14"
+                              data-disabled=""
+                              data-part="root"
+                              data-readonly=""
+                              data-scope="field"
+                              id="field:::r77:"
+                              role="group"
+                            >
+                              <label
+                                className="chakra-field__label emotion-15"
+                                data-disabled=""
+                                data-part="label"
+                                data-readonly=""
+                                data-scope="field"
+                                htmlFor=":r77:"
+                                id="field:::r77:::label"
+                              >
+                                test
+                              </label>
+                              <input
+                                aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
+                                autoFocus={false}
+                                className="chakra-input emotion-16"
+                                data-part="input"
+                                data-readonly=""
+                                data-scope="field"
+                                disabled={true}
+                                id="root_nestedObject_test"
+                                name="root_nestedObject_test"
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onFocus={[Function]}
+                                placeholder=""
+                                readOnly={true}
+                                required={false}
+                                type="text"
+                                value=""
+                              />
                             </div>
                           </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-array"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r78:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div>
+                    <div
+                      className="emotion-2"
+                      id="root_nestedArray__title"
+                    >
+                      <h5
+                        className="chakra-heading emotion-3"
+                      >
+                        nestedArray
+                      </h5>
+                      <span
+                        aria-orientation="horizontal"
+                        className="chakra-separator emotion-4"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="emotion-39"
+                    >
+                      <div />
+                      <div
+                        className="emotion-40"
+                      >
+                        <div
+                          className="emotion-41"
+                        >
+                          <button
+                            className="chakra-button rjsf-array-item-add emotion-42"
+                            disabled={true}
+                            id="root_nestedArray__add"
+                            onClick={[Function]}
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              className="lucide lucide-plus"
+                              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="M5 12h14"
+                              />
+                              <path
+                                d="M12 5v14"
+                              />
+                            </svg>
+                            Add Item
+                          </button>
                         </div>
                       </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r79:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="chakra-card__root emotion-99"
+                  >
+                    <div
+                      className="chakra-card__body emotion-100"
+                    >
+                      <div
+                        className="emotion-101"
+                      />
                       <div
                         className="rjsf-field rjsf-field-object"
                       >
@@ -14036,63 +13684,84 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             <div
                               className="emotion-5"
                             >
-                              <div />
                               <div>
-                                <div
-                                  className="rjsf-field rjsf-field-string"
+                                <em
+                                  id="root_optionalObjectWithOneofs__optionalMsg"
                                 >
-                                  <fieldset
-                                    aria-labelledby="fieldset:::r7b:::legend"
-                                    className="fieldset__root emotion-0"
-                                    data-part="root"
-                                    data-scope="fieldset"
-                                    disabled={false}
+                                  No data for optional field
+                                </em>
+                              </div>
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r7b:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="chakra-card__root emotion-99"
+                  >
+                    <div
+                      className="chakra-card__body emotion-100"
+                    >
+                      <div
+                        className="emotion-101"
+                      />
+                      <div
+                        className="rjsf-field rjsf-field-array"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r7c:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_optionalArrayWithAnyofs__title"
+                              >
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  optionalArrayWithAnyofs
+                                </h5>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-39"
+                              >
+                                <div>
+                                  <em
+                                    id="root_optionalArrayWithAnyofs__optionalMsg"
                                   >
-                                    <div
-                                      className="fieldset__content emotion-1"
-                                    >
-                                      <div
-                                        className="chakra-field__root emotion-14"
-                                        data-disabled=""
-                                        data-part="root"
-                                        data-readonly=""
-                                        data-scope="field"
-                                        id="field:::r7c:"
-                                        role="group"
-                                      >
-                                        <label
-                                          className="chakra-field__label emotion-15"
-                                          data-disabled=""
-                                          data-part="label"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          htmlFor=":r7c:"
-                                          id="field:::r7c:::label"
-                                        >
-                                          name
-                                        </label>
-                                        <input
-                                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                          autoFocus={false}
-                                          className="chakra-input emotion-16"
-                                          data-part="input"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          disabled={true}
-                                          id="root_optionalObjectWithOneofs_name"
-                                          name="root_optionalObjectWithOneofs_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          placeholder=""
-                                          readOnly={true}
-                                          required={false}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </div>
-                                    </div>
-                                  </fieldset>
+                                    No data for optional field
+                                  </em>
                                 </div>
                               </div>
                             </div>
@@ -14110,7 +13779,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
     </fieldset>
   </div>
   <div
-    className="emotion-134"
+    className="emotion-119"
   >
     <button
       className="chakra-button emotion-42"
@@ -14367,320 +14036,52 @@ exports[`single fields optional data controls shows "add" optional controls when
     --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-34:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .emotion-34:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    --focus-ring-color: var(--error-color);
-    border-color: var(--error-color);
-  }
-
-  .emotion-34: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-41 {
-  justify-self: flex-end;
-}
-
-.emotion-42 {
-  margin-top: var(--chakra-spacing-2);
-}
-
-@layer recipes {
-  .emotion-43 {
-    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-43: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-43:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .emotion-43 :where(svg) {
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    width: var(--chakra-sizes-5);
-    height: var(--chakra-sizes-5);
-  }
-
-  .emotion-43: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-43: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));
-    }
-  }
-}
-
-.emotion-46 {
-  margin-bottom: var(--chakra-spacing-2);
-}
-
-@layer recipes {
-  .emotion-46 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    position: relative;
-    min-width: 0;
-    word-wrap: break-word;
-    border-radius: var(--chakra-radii-l3);
-    color: var(--chakra-colors-fg);
-    text-align: start;
-    background: var(--chakra-colors-bg-panel);
-    --bg-currentcolor: var(--chakra-colors-bg-panel);
-    border-width: 1px;
-    border-color: var(--chakra-colors-border);
-    --card-padding: var(--chakra-spacing-6);
-  }
-}
-
-.emotion-47 {
-  padding-bottom: var(--chakra-spacing-2);
-}
-
-@layer recipes {
-  .emotion-47 {
-    padding: var(--card-padding);
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
-  }
-}
-
-.emotion-48 {
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-.emotion-49 {
-  margin-bottom: var(--chakra-spacing-1);
-  position: relative;
-}
-
-@layer recipes {
-  .emotion-49 {
-    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-51 {
-    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-52 {
-    position: relative;
-  }
-}
-
-@layer recipes {
-  .emotion-54 {
-    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-54: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-54: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));
+    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-54:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-34:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-54:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    border-color: var(--chakra-colors-border-error);
+  .emotion-34:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    --focus-ring-color: var(--error-color);
+    border-color: var(--error-color);
   }
 
-  .emotion-54:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
-    border-color: var(--chakra-colors-border-emphasized);
+  .emotion-34: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);
   }
 }
 
-@layer recipes {
-  .emotion-55 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-    text-wrap: wrap;
-    max-width: 80%;
-  }
+.emotion-41 {
+  justify-self: flex-end;
 }
 
-@layer recipes {
-  .emotion-56 {
-    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;
-  }
+.emotion-42 {
+  margin-top: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-57 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
+  .emotion-43 {
+    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;
@@ -14689,176 +14090,124 @@ exports[`single fields optional data controls shows "add" optional controls when
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
-    color: var(--chakra-colors-fg-muted);
-  }
-
-  .emotion-57:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    color: var(--chakra-colors-fg-subtle);
-  }
-
-  .emotion-57:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    color: var(--chakra-colors-fg-error);
-  }
-
-  .emotion-57 :where(svg) {
-    width: var(--chakra-sizes-4);
-    height: var(--chakra-sizes-4);
-  }
-}
-
-.emotion-58 {
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-
-.emotion-59 {
-  min-width: 100%!important;
-  z-index: 2!important;
-  top: calc(100% + 5px)!important;
-}
-
-@layer recipes {
-  .emotion-60 {
-    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);
+    -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;
-    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;
+    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-60: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-60: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-60: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-60: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-60: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-43: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-60: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-43:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
   }
 
-  .emotion-60: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-43 :where(svg) {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
   }
 
-  .emotion-60: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-43: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));
   }
 
-  .emotion-60: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;
+  @media (hover: hover) {
+    .emotion-43: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));
+    }
   }
+}
 
-  .emotion-60: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;
-  }
+.emotion-46 {
+  margin-bottom: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-61 {
-    position: relative;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
+  .emotion-46 {
     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;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    position: relative;
+    min-width: 0;
+    word-wrap: break-word;
+    border-radius: var(--chakra-radii-l3);
+    color: var(--chakra-colors-fg);
     text-align: start;
-    border-radius: var(--chakra-radii-l1);
-    padding-block: var(--chakra-spacing-1\\.5);
-    padding-inline: var(--chakra-spacing-2);
-  }
-
-  .emotion-61[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-61:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    pointer-events: none;
-    opacity: 0.5;
+    background: var(--chakra-colors-bg-panel);
+    --bg-currentcolor: var(--chakra-colors-bg-panel);
+    border-width: 1px;
+    border-color: var(--chakra-colors-border);
+    --card-padding: var(--chakra-spacing-6);
   }
+}
 
-  .emotion-61 :where(svg) {
-    width: var(--chakra-sizes-4);
-    height: var(--chakra-sizes-4);
-  }
+.emotion-47 {
+  padding-bottom: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-62 {
+  .emotion-47 {
+    padding: var(--card-padding);
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
     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;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
   }
 }
 
-.emotion-81 {
+.emotion-48 {
+  margin-bottom: var(--chakra-spacing-4);
+}
+
+.emotion-72 {
   margin-top: var(--chakra-spacing-3);
 }
 
@@ -14871,7 +14220,7 @@ exports[`single fields optional data controls shows "add" optional controls when
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r4b:::legend"
+      aria-labelledby="fieldset:::r4f:::legend"
       className="fieldset__root emotion-0"
       data-part="root"
       data-scope="fieldset"
@@ -14903,7 +14252,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4c:::legend"
+                aria-labelledby="fieldset:::r4g:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -14975,7 +14324,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4d:::legend"
+                aria-labelledby="fieldset:::r4h:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -15051,7 +14400,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4e:::legend"
+                aria-labelledby="fieldset:::r4i:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -15083,7 +14432,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4f:::legend"
+                          aria-labelledby="fieldset:::r4j:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -15096,15 +14445,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:::r4g:"
+                              id="field:::r4k:"
                               role="group"
                             >
                               <label
                                 className="chakra-field__label emotion-33"
                                 data-part="label"
                                 data-scope="field"
-                                htmlFor=":r4g:"
-                                id="field:::r4g:::label"
+                                htmlFor=":r4k:"
+                                id="field:::r4k:::label"
                               >
                                 test
                               </label>
@@ -15141,7 +14490,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:::r4l:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -15218,7 +14567,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-undefined"
             >
               <fieldset
-                aria-labelledby="fieldset:::r4i:::legend"
+                aria-labelledby="fieldset:::r4m:::legend"
                 className="fieldset__root emotion-0"
                 data-part="root"
                 data-scope="fieldset"
@@ -15235,290 +14584,12 @@ exports[`single fields optional data controls shows "add" optional controls when
                     >
                       <div
                         className="emotion-48"
-                      >
-                        <div
-                          className="chakra-field__root emotion-49"
-                          data-part="root"
-                          data-scope="field"
-                          id="field:::r4j:"
-                          role="group"
-                        >
-                          <label
-                            className="chakra-field__label emotion-33"
-                            data-part="label"
-                            data-scope="field"
-                            htmlFor=":r4j:"
-                            id="field:::r4j:::label"
-                          >
-                            optionalObjectWithOneofs
-                          </label>
-                          <div
-                            aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                            className="chakra-select__root emotion-51"
-                            data-part="root"
-                            data-scope="select"
-                            dir="ltr"
-                            id="select:root_optionalObjectWithOneofs__oneof_select"
-                            onBlur={[Function]}
-                            onFocus={[Function]}
-                          >
-                            <select
-                              aria-hidden={true}
-                              aria-labelledby="field:::r4j:::label"
-                              defaultValue="0"
-                              disabled={false}
-                              id=":r4j:"
-                              multiple={false}
-                              name="root_optionalObjectWithOneofs__oneof_select"
-                              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
-                                disabled={false}
-                                value="0"
-                              >
-                                Option 1
-                              </option>
-                              <option
-                                disabled={false}
-                                value="1"
-                              >
-                                Option 2
-                              </option>
-                              <option
-                                disabled={false}
-                                value="2"
-                              >
-                                Option 3
-                              </option>
-                            </select>
-                            <div
-                              className="chakra-select__control emotion-52"
-                              data-part="control"
-                              data-scope="select"
-                              data-state="closed"
-                              dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select:control"
-                            >
-                              <div
-                                className="chakra-select__control emotion-52"
-                                data-part="control"
-                                data-scope="select"
-                                data-state="closed"
-                                dir="ltr"
-                                id="select:root_optionalObjectWithOneofs__oneof_select:control"
-                              >
-                                <button
-                                  aria-controls="select:root_optionalObjectWithOneofs__oneof_select:content"
-                                  aria-expanded={false}
-                                  aria-haspopup="listbox"
-                                  aria-invalid={false}
-                                  aria-labelledby="field:::r4j:::label"
-                                  className="chakra-select__trigger emotion-54"
-                                  data-part="trigger"
-                                  data-scope="select"
-                                  data-state="closed"
-                                  dir="ltr"
-                                  disabled={false}
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:trigger"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onKeyDown={[Function]}
-                                  role="combobox"
-                                  type="button"
-                                >
-                                  <span
-                                    className="chakra-select__valueText emotion-55"
-                                    data-part="value-text"
-                                    data-scope="select"
-                                    dir="ltr"
-                                  >
-                                    Option 1
-                                  </span>
-                                </button>
-                                <div
-                                  className="chakra-select__indicatorGroup emotion-56"
-                                >
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__indicator emotion-57"
-                                    data-part="indicator"
-                                    data-scope="select"
-                                    data-state="closed"
-                                    dir="ltr"
-                                  >
-                                    <svg
-                                      className="emotion-58"
-                                      viewBox="0 0 24 24"
-                                    >
-                                      <path
-                                        d="m6 9 6 6 6-6"
-                                      />
-                                    </svg>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                            <div
-                              className="chakra-select__positioner emotion-59"
-                              data-part="positioner"
-                              data-scope="select"
-                              dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select: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:::r4j:::label"
-                                className="chakra-select__content emotion-60"
-                                data-part="content"
-                                data-scope="select"
-                                data-state="closed"
-                                dir="ltr"
-                                hidden={true}
-                                id="select:root_optionalObjectWithOneofs__oneof_select:content"
-                                onKeyDown={[Function]}
-                                role="listbox"
-                                tabIndex={0}
-                              >
-                                <div
-                                  aria-selected={true}
-                                  className="chakra-select__item emotion-61"
-                                  data-part="item"
-                                  data-scope="select"
-                                  data-state="checked"
-                                  data-value="0"
-                                  dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:0"
-                                  onClick={[Function]}
-                                  onPointerLeave={[Function]}
-                                  onPointerMove={[Function]}
-                                  role="option"
-                                >
-                                  Option 1
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-62"
-                                    data-part="item-indicator"
-                                    data-scope="select"
-                                    data-state="checked"
-                                    hidden={false}
-                                  >
-                                    <svg
-                                      className="emotion-58"
-                                      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-61"
-                                  data-part="item"
-                                  data-scope="select"
-                                  data-state="unchecked"
-                                  data-value="1"
-                                  dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:1"
-                                  onClick={[Function]}
-                                  onPointerLeave={[Function]}
-                                  onPointerMove={[Function]}
-                                  role="option"
-                                >
-                                  Option 2
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-62"
-                                    data-part="item-indicator"
-                                    data-scope="select"
-                                    data-state="unchecked"
-                                    hidden={true}
-                                  >
-                                    <svg
-                                      className="emotion-58"
-                                      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-61"
-                                  data-part="item"
-                                  data-scope="select"
-                                  data-state="unchecked"
-                                  data-value="2"
-                                  dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:2"
-                                  onClick={[Function]}
-                                  onPointerLeave={[Function]}
-                                  onPointerMove={[Function]}
-                                  role="option"
-                                >
-                                  Option 3
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-62"
-                                    data-part="item-indicator"
-                                    data-scope="select"
-                                    data-state="unchecked"
-                                    hidden={true}
-                                  >
-                                    <svg
-                                      className="emotion-58"
-                                      viewBox="0 0 24 24"
-                                    >
-                                      <path
-                                        d="M20 6 9 17l-5-5"
-                                      />
-                                    </svg>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
+                      />
                       <div
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r4l:::legend"
+                          aria-labelledby="fieldset:::r4n:::legend"
                           className="fieldset__root emotion-0"
                           data-part="root"
                           data-scope="fieldset"
@@ -15531,11 +14602,47 @@ exports[`single fields optional data controls shows "add" optional controls when
                               className="emotion-2"
                               id="root_optionalObjectWithOneofs__title"
                             >
-                              <h5
-                                className="chakra-heading emotion-3"
+                              <div
+                                className="emotion-9"
                               >
-                                optionalObjectWithOneofs
-                              </h5>
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  optionalObjectWithOneofs
+                                </h5>
+                                <div
+                                  className="emotion-11"
+                                />
+                                <button
+                                  aria-label="Add data for optional field"
+                                  className="chakra-button rjsf-add-optional-data btn-sm emotion-12"
+                                  id="root_optionalObjectWithOneofs__optionalAdd"
+                                  onClick={[Function]}
+                                  title="Add data for optional field"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    className="lucide lucide-plus"
+                                    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="M5 12h14"
+                                    />
+                                    <path
+                                      d="M12 5v14"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
                               <span
                                 aria-orientation="horizontal"
                                 className="chakra-separator emotion-4"
@@ -15544,66 +14651,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                             </div>
                             <div
                               className="emotion-5"
-                            >
-                              <div>
-                                <div
-                                  className="rjsf-field rjsf-field-string"
-                                >
-                                  <fieldset
-                                    aria-labelledby="fieldset:::r4m:::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-32"
-                                        data-disabled=""
-                                        data-part="root"
-                                        data-readonly=""
-                                        data-scope="field"
-                                        id="field:::r4n:"
-                                        role="group"
-                                      >
-                                        <label
-                                          className="chakra-field__label emotion-33"
-                                          data-disabled=""
-                                          data-part="label"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          htmlFor=":r4n:"
-                                          id="field:::r4n:::label"
-                                        >
-                                          name
-                                        </label>
-                                        <input
-                                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                          autoFocus={false}
-                                          className="chakra-input emotion-34"
-                                          data-part="input"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          disabled={true}
-                                          id="root_optionalObjectWithOneofs_name"
-                                          name="root_optionalObjectWithOneofs_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          placeholder=""
-                                          readOnly={true}
-                                          required={false}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </div>
-                                    </div>
-                                  </fieldset>
-                                </div>
-                              </div>
-                            </div>
+                            />
                           </div>
                         </fieldset>
                       </div>
@@ -15613,284 +14661,149 @@ exports[`single fields optional data controls shows "add" optional controls when
               </fieldset>
             </div>
           </div>
-        </div>
-      </div>
-    </fieldset>
-  </div>
-  <div
-    className="emotion-81"
-  >
-    <button
-      className="chakra-button emotion-43"
-      disabled={false}
-      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`] = `
-@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-top: var(--chakra-spacing-1);
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-@layer recipes {
-  .emotion-3 {
-    font-family: var(--chakra-fonts-heading);
-    font-weight: var(--chakra-font-weights-semibold);
-    font-size: var(--chakra-font-sizes-xl);
-    line-height: 1.875rem;
-  }
-}
-
-@layer recipes {
-  .emotion-4 {
-    display: block;
-    border-color: var(--chakra-colors-border);
-    --separator-thickness: 1px;
-    border-style: solid;
-    border-top-width: var(--separator-thickness);
-  }
-}
-
-.emotion-5 {
-  display: grid;
-  gap: var(--chakra-spacing-4);
-  margin-bottom: var(--chakra-spacing-4);
-}
-
-.emotion-17 {
-  display: grid;
-}
-
-.emotion-26 {
-  margin-bottom: var(--chakra-spacing-1);
-}
+          <div>
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r4o:::legend"
+                className="fieldset__root emotion-0"
+                data-part="root"
+                data-scope="fieldset"
+                disabled={false}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div
+                    className="chakra-card__root emotion-46"
+                  >
+                    <div
+                      className="chakra-card__body emotion-47"
+                    >
+                      <div
+                        className="emotion-48"
+                      />
+                      <div
+                        className="rjsf-field rjsf-field-array"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r4p:::legend"
+                          className="fieldset__root emotion-0"
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={false}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_optionalArrayWithAnyofs__title"
+                              >
+                                <div
+                                  className="emotion-9"
+                                >
+                                  <h5
+                                    className="chakra-heading emotion-3"
+                                  >
+                                    optionalArrayWithAnyofs
+                                  </h5>
+                                  <div
+                                    className="emotion-11"
+                                  />
+                                  <button
+                                    aria-label="Add data for optional field"
+                                    className="chakra-button rjsf-add-optional-data btn-sm emotion-12"
+                                    id="root_optionalArrayWithAnyofs__optionalAdd"
+                                    onClick={[Function]}
+                                    title="Add data for optional field"
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      className="lucide lucide-plus"
+                                      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="M5 12h14"
+                                      />
+                                      <path
+                                        d="M12 5v14"
+                                      />
+                                    </svg>
+                                  </button>
+                                </div>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-23"
+                              >
+                                <div />
+                              </div>
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div
+    className="emotion-72"
+  >
+    <button
+      className="chakra-button emotion-43"
+      disabled={false}
+      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`] = `
 @layer recipes {
-  .emotion-26 {
+  .emotion-0 {
     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-27 {
-    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-27:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-  }
-}
-
-@layer recipes {
-  .emotion-28 {
-    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-28:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .emotion-28:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    --focus-ring-color: var(--error-color);
-    border-color: var(--error-color);
-  }
-
-  .emotion-28: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-35 {
-  justify-self: flex-end;
-}
-
-.emotion-36 {
-  margin-top: var(--chakra-spacing-2);
-}
-
-@layer recipes {
-  .emotion-37 {
-    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-37: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-37:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .emotion-37 :where(svg) {
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    width: var(--chakra-sizes-5);
-    height: var(--chakra-sizes-5);
-  }
-
-  .emotion-37: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));
+    width: var(--chakra-sizes-full);
   }
 
-  @media (hover: hover) {
-    .emotion-37: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));
-    }
+  .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-40 {
-  margin-bottom: var(--chakra-spacing-2);
-}
-
 @layer recipes {
-  .emotion-40 {
+  .emotion-1 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -15898,51 +14811,51 @@ exports[`single fields optional data controls shows "add" optional controls when
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
-    position: relative;
-    min-width: 0;
-    word-wrap: break-word;
-    border-radius: var(--chakra-radii-l3);
-    color: var(--chakra-colors-fg);
-    text-align: start;
-    background: var(--chakra-colors-bg-panel);
-    --bg-currentcolor: var(--chakra-colors-bg-panel);
-    border-width: 1px;
-    border-color: var(--chakra-colors-border);
-    --card-padding: var(--chakra-spacing-6);
+    width: var(--chakra-sizes-full);
+    gap: var(--chakra-spacing-4);
   }
 }
 
-.emotion-41 {
-  padding-bottom: var(--chakra-spacing-2);
+.emotion-2 {
+  margin-top: var(--chakra-spacing-1);
+  margin-bottom: var(--chakra-spacing-4);
 }
-
-@layer recipes {
-  .emotion-41 {
-    padding: var(--card-padding);
-    -webkit-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
+
+@layer recipes {
+  .emotion-3 {
+    font-family: var(--chakra-fonts-heading);
+    font-weight: var(--chakra-font-weights-semibold);
+    font-size: var(--chakra-font-sizes-xl);
+    line-height: 1.875rem;
   }
 }
 
-.emotion-42 {
+@layer recipes {
+  .emotion-4 {
+    display: block;
+    border-color: var(--chakra-colors-border);
+    --separator-thickness: 1px;
+    border-style: solid;
+    border-top-width: var(--separator-thickness);
+  }
+}
+
+.emotion-5 {
+  display: grid;
+  gap: var(--chakra-spacing-4);
   margin-bottom: var(--chakra-spacing-4);
 }
 
-.emotion-43 {
+.emotion-17 {
+  display: grid;
+}
+
+.emotion-26 {
   margin-bottom: var(--chakra-spacing-1);
-  position: relative;
 }
 
 @layer recipes {
-  .emotion-43 {
+  .emotion-26 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -15961,29 +14874,7 @@ exports[`single fields optional data controls shows "add" optional controls when
 }
 
 @layer recipes {
-  .emotion-45 {
-    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-46 {
-    position: relative;
-  }
-}
-
-@layer recipes {
-  .emotion-48 {
+  .emotion-27 {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
@@ -15992,93 +14883,85 @@ exports[`single fields optional data controls shows "add" optional controls when
     -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);
+    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-27:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+  }
+}
+
+@layer recipes {
+  .emotion-28 {
+    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;
-    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
+    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;
-    gap: var(--chakra-spacing-2);
+    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-48: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-48: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-48:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  .emotion-28:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .emotion-48:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    border-color: var(--chakra-colors-border-error);
+  .emotion-28:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
+    --focus-ring-color: var(--error-color);
+    border-color: var(--error-color);
   }
 
-  .emotion-48:is([aria-expanded=true], [data-expanded], [data-state=expanded]) {
-    border-color: var(--chakra-colors-border-emphasized);
+  .emotion-28: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);
   }
 }
 
-@layer recipes {
-  .emotion-49 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-    text-wrap: wrap;
-    max-width: 80%;
-  }
+.emotion-35 {
+  justify-self: flex-end;
 }
 
-@layer recipes {
-  .emotion-50 {
-    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;
-  }
+.emotion-36 {
+  margin-top: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-51 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
+  .emotion-37 {
+    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;
@@ -16087,176 +14970,124 @@ exports[`single fields optional data controls shows "add" optional controls when
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
-    color: var(--chakra-colors-fg-muted);
-  }
-
-  .emotion-51:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    color: var(--chakra-colors-fg-subtle);
-  }
-
-  .emotion-51:is([data-invalid], [aria-invalid=true], [data-state=invalid]) {
-    color: var(--chakra-colors-fg-error);
-  }
-
-  .emotion-51 :where(svg) {
-    width: var(--chakra-sizes-4);
-    height: var(--chakra-sizes-4);
-  }
-}
-
-.emotion-52 {
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-
-.emotion-53 {
-  min-width: 100%!important;
-  z-index: 2!important;
-  top: calc(100% + 5px)!important;
-}
-
-@layer recipes {
-  .emotion-54 {
-    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);
+    -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;
-    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;
+    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-54: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-54: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-54: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-54: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-54: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-54: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-37: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-54: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-37:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    opacity: 0.5;
+    cursor: not-allowed;
   }
 
-  .emotion-54: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-37 :where(svg) {
+    -webkit-flex-shrink: 0;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    width: var(--chakra-sizes-5);
+    height: var(--chakra-sizes-5);
   }
 
-  .emotion-54: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-37: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));
   }
 
-  .emotion-54: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;
+  @media (hover: hover) {
+    .emotion-37: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));
+    }
   }
 }
 
+.emotion-40 {
+  margin-bottom: var(--chakra-spacing-2);
+}
+
 @layer recipes {
-  .emotion-55 {
-    position: relative;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
+  .emotion-40 {
     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;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    position: relative;
+    min-width: 0;
+    word-wrap: break-word;
+    border-radius: var(--chakra-radii-l3);
+    color: var(--chakra-colors-fg);
     text-align: start;
-    border-radius: var(--chakra-radii-l1);
-    padding-block: var(--chakra-spacing-1\\.5);
-    padding-inline: var(--chakra-spacing-2);
-  }
-
-  .emotion-55[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-55:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    pointer-events: none;
-    opacity: 0.5;
+    background: var(--chakra-colors-bg-panel);
+    --bg-currentcolor: var(--chakra-colors-bg-panel);
+    border-width: 1px;
+    border-color: var(--chakra-colors-border);
+    --card-padding: var(--chakra-spacing-6);
   }
+}
 
-  .emotion-55 :where(svg) {
-    width: var(--chakra-sizes-4);
-    height: var(--chakra-sizes-4);
-  }
+.emotion-41 {
+  padding-bottom: var(--chakra-spacing-2);
 }
 
 @layer recipes {
-  .emotion-56 {
+  .emotion-41 {
+    padding: var(--card-padding);
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
     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;
+    -webkit-flex-direction: column;
+    -ms-flex-direction: column;
+    flex-direction: column;
   }
 }
 
-.emotion-75 {
+.emotion-42 {
+  margin-bottom: var(--chakra-spacing-4);
+}
+
+.emotion-60 {
   margin-top: var(--chakra-spacing-3);
 }
 
@@ -16269,7 +15100,7 @@ exports[`single fields optional data controls shows "add" optional controls when
     className="rjsf-field rjsf-field-object"
   >
     <fieldset
-      aria-labelledby="fieldset:::r68:::legend"
+      aria-labelledby="fieldset:::r6c:::legend"
       className="fieldset__root emotion-0"
       data-disabled=""
       data-part="root"
@@ -16303,7 +15134,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r69:::legend"
+                aria-labelledby="fieldset:::r6d:::legend"
                 className="fieldset__root emotion-0"
                 data-disabled=""
                 data-part="root"
@@ -16348,7 +15179,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-array"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6a:::legend"
+                aria-labelledby="fieldset:::r6e:::legend"
                 className="fieldset__root emotion-0"
                 data-disabled=""
                 data-part="root"
@@ -16395,7 +15226,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-object"
             >
               <fieldset
-                aria-labelledby="fieldset:::r6b:::legend"
+                aria-labelledby="fieldset:::r6f:::legend"
                 className="fieldset__root emotion-0"
                 data-disabled=""
                 data-part="root"
@@ -16429,460 +15260,169 @@ exports[`single fields optional data controls shows "add" optional controls when
                         className="rjsf-field rjsf-field-string"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6c:::legend"
+                          aria-labelledby="fieldset:::r6g:::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-26"
-                              data-disabled=""
-                              data-part="root"
-                              data-scope="field"
-                              id="field:::r6d:"
-                              role="group"
-                            >
-                              <label
-                                className="chakra-field__label emotion-27"
-                                data-disabled=""
-                                data-part="label"
-                                data-scope="field"
-                                htmlFor=":r6d:"
-                                id="field:::r6d:::label"
-                              >
-                                test
-                              </label>
-                              <input
-                                aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
-                                autoFocus={false}
-                                className="chakra-input emotion-28"
-                                data-part="input"
-                                data-scope="field"
-                                disabled={true}
-                                id="root_nestedObject_test"
-                                name="root_nestedObject_test"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                placeholder=""
-                                readOnly={false}
-                                required={false}
-                                type="text"
-                                value=""
-                              />
-                            </div>
-                          </div>
-                        </fieldset>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-array"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r6e:::legend"
-                className="fieldset__root emotion-0"
-                data-disabled=""
-                data-part="root"
-                data-scope="fieldset"
-                disabled={true}
-              >
-                <div
-                  className="fieldset__content emotion-1"
-                >
-                  <div>
-                    <div
-                      className="emotion-2"
-                      id="root_nestedArray__title"
-                    >
-                      <h5
-                        className="chakra-heading emotion-3"
-                      >
-                        nestedArray
-                      </h5>
-                      <span
-                        aria-orientation="horizontal"
-                        className="chakra-separator emotion-4"
-                        role="separator"
-                      />
-                    </div>
-                    <div
-                      className="emotion-17"
-                    >
-                      <div />
-                      <div
-                        className="emotion-35"
-                      >
-                        <div
-                          className="emotion-36"
-                        >
-                          <button
-                            className="chakra-button rjsf-array-item-add emotion-37"
-                            disabled={true}
-                            id="root_nestedArray__add"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              className="lucide lucide-plus"
-                              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="M5 12h14"
-                              />
-                              <path
-                                d="M12 5v14"
-                              />
-                            </svg>
-                            Add Item
-                          </button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </fieldset>
-            </div>
-          </div>
-          <div>
-            <div
-              className="rjsf-field rjsf-field-undefined"
-            >
-              <fieldset
-                aria-labelledby="fieldset:::r6f:::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-card__root emotion-40"
-                  >
-                    <div
-                      className="chakra-card__body emotion-41"
-                    >
-                      <div
-                        className="emotion-42"
-                      >
-                        <div
-                          className="chakra-field__root emotion-43"
-                          data-disabled=""
-                          data-part="root"
-                          data-scope="field"
-                          id="field:::r6g:"
-                          role="group"
+                          data-scope="fieldset"
+                          disabled={true}
                         >
-                          <label
-                            className="chakra-field__label emotion-27"
-                            data-disabled=""
-                            data-part="label"
-                            data-scope="field"
-                            htmlFor=":r6g:"
-                            id="field:::r6g:::label"
-                          >
-                            optionalObjectWithOneofs
-                          </label>
                           <div
-                            aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                            className="chakra-select__root emotion-45"
-                            data-part="root"
-                            data-scope="select"
-                            dir="ltr"
-                            id="select:root_optionalObjectWithOneofs__oneof_select"
-                            onBlur={[Function]}
-                            onFocus={[Function]}
+                            className="fieldset__content emotion-1"
                           >
-                            <select
-                              aria-hidden={true}
-                              aria-labelledby="field:::r6g:::label"
-                              defaultValue="0"
-                              disabled={true}
-                              id=":r6g:"
-                              multiple={false}
-                              name="root_optionalObjectWithOneofs__oneof_select"
-                              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
-                                disabled={false}
-                                value="0"
-                              >
-                                Option 1
-                              </option>
-                              <option
-                                disabled={false}
-                                value="1"
-                              >
-                                Option 2
-                              </option>
-                              <option
-                                disabled={false}
-                                value="2"
-                              >
-                                Option 3
-                              </option>
-                            </select>
-                            <div
-                              className="chakra-select__control emotion-46"
-                              data-disabled=""
-                              data-part="control"
-                              data-scope="select"
-                              data-state="closed"
-                              dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select:control"
-                            >
-                              <div
-                                className="chakra-select__control emotion-46"
-                                data-disabled=""
-                                data-part="control"
-                                data-scope="select"
-                                data-state="closed"
-                                dir="ltr"
-                                id="select:root_optionalObjectWithOneofs__oneof_select:control"
-                              >
-                                <button
-                                  aria-controls="select:root_optionalObjectWithOneofs__oneof_select:content"
-                                  aria-expanded={false}
-                                  aria-haspopup="listbox"
-                                  aria-invalid={false}
-                                  aria-labelledby="field:::r6g:::label"
-                                  className="chakra-select__trigger emotion-48"
-                                  data-disabled=""
-                                  data-part="trigger"
-                                  data-scope="select"
-                                  data-state="closed"
-                                  dir="ltr"
-                                  disabled={true}
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:trigger"
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onKeyDown={[Function]}
-                                  role="combobox"
-                                  type="button"
-                                >
-                                  <span
-                                    className="chakra-select__valueText emotion-49"
-                                    data-disabled=""
-                                    data-part="value-text"
-                                    data-scope="select"
-                                    dir="ltr"
-                                  >
-                                    Option 1
-                                  </span>
-                                </button>
-                                <div
-                                  className="chakra-select__indicatorGroup emotion-50"
-                                >
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__indicator emotion-51"
-                                    data-disabled=""
-                                    data-part="indicator"
-                                    data-scope="select"
-                                    data-state="closed"
-                                    dir="ltr"
-                                  >
-                                    <svg
-                                      className="emotion-52"
-                                      viewBox="0 0 24 24"
-                                    >
-                                      <path
-                                        d="m6 9 6 6 6-6"
-                                      />
-                                    </svg>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                            <div
-                              className="chakra-select__positioner emotion-53"
-                              data-part="positioner"
-                              data-scope="select"
-                              dir="ltr"
-                              id="select:root_optionalObjectWithOneofs__oneof_select: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:::r6g:::label"
-                                className="chakra-select__content emotion-54"
-                                data-part="content"
-                                data-scope="select"
-                                data-state="closed"
-                                dir="ltr"
-                                hidden={true}
-                                id="select:root_optionalObjectWithOneofs__oneof_select:content"
-                                onKeyDown={[Function]}
-                                role="listbox"
-                                tabIndex={0}
-                              >
-                                <div
-                                  aria-disabled="true"
-                                  aria-selected={true}
-                                  className="chakra-select__item emotion-55"
-                                  data-disabled=""
-                                  data-part="item"
-                                  data-scope="select"
-                                  data-state="checked"
-                                  data-value="0"
-                                  dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:0"
-                                  onClick={[Function]}
-                                  onPointerLeave={[Function]}
-                                  onPointerMove={[Function]}
-                                  role="option"
-                                >
-                                  Option 1
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-56"
-                                    data-part="item-indicator"
-                                    data-scope="select"
-                                    data-state="checked"
-                                    hidden={false}
-                                  >
-                                    <svg
-                                      className="emotion-52"
-                                      viewBox="0 0 24 24"
-                                    >
-                                      <path
-                                        d="M20 6 9 17l-5-5"
-                                      />
-                                    </svg>
-                                  </div>
-                                </div>
-                                <div
-                                  aria-disabled="true"
-                                  aria-selected={false}
-                                  className="chakra-select__item emotion-55"
-                                  data-disabled=""
-                                  data-part="item"
-                                  data-scope="select"
-                                  data-state="unchecked"
-                                  data-value="1"
-                                  dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:1"
-                                  onClick={[Function]}
-                                  onPointerLeave={[Function]}
-                                  onPointerMove={[Function]}
-                                  role="option"
-                                >
-                                  Option 2
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-56"
-                                    data-part="item-indicator"
-                                    data-scope="select"
-                                    data-state="unchecked"
-                                    hidden={true}
-                                  >
-                                    <svg
-                                      className="emotion-52"
-                                      viewBox="0 0 24 24"
-                                    >
-                                      <path
-                                        d="M20 6 9 17l-5-5"
-                                      />
-                                    </svg>
-                                  </div>
-                                </div>
-                                <div
-                                  aria-disabled="true"
-                                  aria-selected={false}
-                                  className="chakra-select__item emotion-55"
-                                  data-disabled=""
-                                  data-part="item"
-                                  data-scope="select"
-                                  data-state="unchecked"
-                                  data-value="2"
-                                  dir="ltr"
-                                  id="select:root_optionalObjectWithOneofs__oneof_select:option:2"
-                                  onClick={[Function]}
-                                  onPointerLeave={[Function]}
-                                  onPointerMove={[Function]}
-                                  role="option"
-                                >
-                                  Option 3
-                                  <div
-                                    aria-hidden={true}
-                                    className="chakra-select__itemIndicator emotion-56"
-                                    data-part="item-indicator"
-                                    data-scope="select"
-                                    data-state="unchecked"
-                                    hidden={true}
-                                  >
-                                    <svg
-                                      className="emotion-52"
-                                      viewBox="0 0 24 24"
-                                    >
-                                      <path
-                                        d="M20 6 9 17l-5-5"
-                                      />
-                                    </svg>
-                                  </div>
-                                </div>
-                              </div>
+                            <div
+                              className="chakra-field__root emotion-26"
+                              data-disabled=""
+                              data-part="root"
+                              data-scope="field"
+                              id="field:::r6h:"
+                              role="group"
+                            >
+                              <label
+                                className="chakra-field__label emotion-27"
+                                data-disabled=""
+                                data-part="label"
+                                data-scope="field"
+                                htmlFor=":r6h:"
+                                id="field:::r6h:::label"
+                              >
+                                test
+                              </label>
+                              <input
+                                aria-describedby="root_nestedObject_test__error root_nestedObject_test__description root_nestedObject_test__help"
+                                autoFocus={false}
+                                className="chakra-input emotion-28"
+                                data-part="input"
+                                data-scope="field"
+                                disabled={true}
+                                id="root_nestedObject_test"
+                                name="root_nestedObject_test"
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onFocus={[Function]}
+                                placeholder=""
+                                readOnly={false}
+                                required={false}
+                                type="text"
+                                value=""
+                              />
                             </div>
                           </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-array"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r6i:::legend"
+                className="fieldset__root emotion-0"
+                data-disabled=""
+                data-part="root"
+                data-scope="fieldset"
+                disabled={true}
+              >
+                <div
+                  className="fieldset__content emotion-1"
+                >
+                  <div>
+                    <div
+                      className="emotion-2"
+                      id="root_nestedArray__title"
+                    >
+                      <h5
+                        className="chakra-heading emotion-3"
+                      >
+                        nestedArray
+                      </h5>
+                      <span
+                        aria-orientation="horizontal"
+                        className="chakra-separator emotion-4"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="emotion-17"
+                    >
+                      <div />
+                      <div
+                        className="emotion-35"
+                      >
+                        <div
+                          className="emotion-36"
+                        >
+                          <button
+                            className="chakra-button rjsf-array-item-add emotion-37"
+                            disabled={true}
+                            id="root_nestedArray__add"
+                            onClick={[Function]}
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              className="lucide lucide-plus"
+                              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="M5 12h14"
+                              />
+                              <path
+                                d="M12 5v14"
+                              />
+                            </svg>
+                            Add Item
+                          </button>
                         </div>
                       </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r6j:::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-card__root emotion-40"
+                  >
+                    <div
+                      className="chakra-card__body emotion-41"
+                    >
+                      <div
+                        className="emotion-42"
+                      />
                       <div
                         className="rjsf-field rjsf-field-object"
                       >
                         <fieldset
-                          aria-labelledby="fieldset:::r6i:::legend"
+                          aria-labelledby="fieldset:::r6k:::legend"
                           className="fieldset__root emotion-0"
                           data-disabled=""
                           data-part="root"
@@ -16910,64 +15450,86 @@ exports[`single fields optional data controls shows "add" optional controls when
                             <div
                               className="emotion-5"
                             >
-                              <div />
                               <div>
-                                <div
-                                  className="rjsf-field rjsf-field-string"
+                                <em
+                                  id="root_optionalObjectWithOneofs__optionalMsg"
                                 >
-                                  <fieldset
-                                    aria-labelledby="fieldset:::r6j:::legend"
-                                    className="fieldset__root emotion-0"
-                                    data-disabled=""
-                                    data-part="root"
-                                    data-scope="fieldset"
-                                    disabled={true}
+                                  No data for optional field
+                                </em>
+                              </div>
+                            </div>
+                          </div>
+                        </fieldset>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </fieldset>
+            </div>
+          </div>
+          <div>
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <fieldset
+                aria-labelledby="fieldset:::r6l:::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-card__root emotion-40"
+                  >
+                    <div
+                      className="chakra-card__body emotion-41"
+                    >
+                      <div
+                        className="emotion-42"
+                      />
+                      <div
+                        className="rjsf-field rjsf-field-array"
+                      >
+                        <fieldset
+                          aria-labelledby="fieldset:::r6m:::legend"
+                          className="fieldset__root emotion-0"
+                          data-disabled=""
+                          data-part="root"
+                          data-scope="fieldset"
+                          disabled={true}
+                        >
+                          <div
+                            className="fieldset__content emotion-1"
+                          >
+                            <div>
+                              <div
+                                className="emotion-2"
+                                id="root_optionalArrayWithAnyofs__title"
+                              >
+                                <h5
+                                  className="chakra-heading emotion-3"
+                                >
+                                  optionalArrayWithAnyofs
+                                </h5>
+                                <span
+                                  aria-orientation="horizontal"
+                                  className="chakra-separator emotion-4"
+                                  role="separator"
+                                />
+                              </div>
+                              <div
+                                className="emotion-17"
+                              >
+                                <div>
+                                  <em
+                                    id="root_optionalArrayWithAnyofs__optionalMsg"
                                   >
-                                    <div
-                                      className="fieldset__content emotion-1"
-                                    >
-                                      <div
-                                        className="chakra-field__root emotion-26"
-                                        data-disabled=""
-                                        data-part="root"
-                                        data-readonly=""
-                                        data-scope="field"
-                                        id="field:::r6k:"
-                                        role="group"
-                                      >
-                                        <label
-                                          className="chakra-field__label emotion-27"
-                                          data-disabled=""
-                                          data-part="label"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          htmlFor=":r6k:"
-                                          id="field:::r6k:::label"
-                                        >
-                                          name
-                                        </label>
-                                        <input
-                                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                          autoFocus={false}
-                                          className="chakra-input emotion-28"
-                                          data-part="input"
-                                          data-readonly=""
-                                          data-scope="field"
-                                          disabled={true}
-                                          id="root_optionalObjectWithOneofs_name"
-                                          name="root_optionalObjectWithOneofs_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          placeholder=""
-                                          readOnly={true}
-                                          required={false}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </div>
-                                    </div>
-                                  </fieldset>
+                                    No data for optional field
+                                  </em>
                                 </div>
                               </div>
                             </div>
@@ -16985,7 +15547,7 @@ exports[`single fields optional data controls shows "add" optional controls when
     </fieldset>
   </div>
   <div
-    className="emotion-75"
+    className="emotion-60"
   >
     <button
       className="chakra-button emotion-37"
diff --git a/packages/core/src/components/fields/MultiSchemaField.tsx b/packages/core/src/components/fields/MultiSchemaField.tsx
index d0c77bdff4..8ca2917c00 100644
--- a/packages/core/src/components/fields/MultiSchemaField.tsx
+++ b/packages/core/src/components/fields/MultiSchemaField.tsx
@@ -12,9 +12,11 @@ import {
   getTemplate,
   getUiOptions,
   getWidget,
+  isFormDataAvailable,
   mergeSchemas,
   ONE_OF_KEY,
   RJSFSchema,
+  shouldRenderOptionalField,
   StrictRJSFSchema,
   TranslatableString,
   UiSchema,
@@ -148,9 +150,11 @@ class AnyOfField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
       disabled = false,
       errorSchema = {},
       formContext,
+      formData,
       onBlur,
       onFocus,
       readonly,
+      required = false,
       registry,
       schema,
       uiSchema,
@@ -163,6 +167,8 @@ class AnyOfField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
       registry,
       globalUiOptions,
     );
+    const isOptionalRender = shouldRenderOptionalField<T, S, F>(registry, schema, required, uiSchema);
+    const hasFormData = isFormDataAvailable(formData);
 
     const { selectedOption, retrievedOptions } = this.state;
     const {
@@ -222,30 +228,31 @@ class AnyOfField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
       };
     });
 
-    const selector = (
-      <Widget
-        id={this.getFieldId()}
-        name={`${name}${schema.oneOf ? '__oneof_select' : '__anyof_select'}`}
-        schema={{ type: 'number', default: 0 } as S}
-        onChange={this.onOptionChange}
-        onBlur={onBlur}
-        onFocus={onFocus}
-        disabled={disabled || isEmpty(enumOptions)}
-        multiple={false}
-        rawErrors={rawErrors}
-        errorSchema={fieldErrorSchema}
-        value={selectedOption >= 0 ? selectedOption : undefined}
-        options={{ enumOptions, ...uiOptions }}
-        registry={registry}
-        formContext={formContext}
-        placeholder={placeholder}
-        autocomplete={autocomplete}
-        autofocus={autofocus}
-        label={title ?? name}
-        hideLabel={!displayLabel}
-        readonly={readonly}
-      />
-    );
+    const selector =
+      !isOptionalRender || hasFormData ? (
+        <Widget
+          id={this.getFieldId()}
+          name={`${name}${schema.oneOf ? '__oneof_select' : '__anyof_select'}`}
+          schema={{ type: 'number', default: 0 } as S}
+          onChange={this.onOptionChange}
+          onBlur={onBlur}
+          onFocus={onFocus}
+          disabled={disabled || isEmpty(enumOptions)}
+          multiple={false}
+          rawErrors={rawErrors}
+          errorSchema={fieldErrorSchema}
+          value={selectedOption >= 0 ? selectedOption : undefined}
+          options={{ enumOptions, ...uiOptions }}
+          registry={registry}
+          formContext={formContext}
+          placeholder={placeholder}
+          autocomplete={autocomplete}
+          autofocus={autofocus}
+          label={title ?? name}
+          hideLabel={!displayLabel}
+          readonly={readonly}
+        />
+      ) : undefined;
 
     const optionsSchemaField =
       (optionSchema && optionSchema.type !== 'null' && (
diff --git a/packages/core/src/components/fields/SchemaField.tsx b/packages/core/src/components/fields/SchemaField.tsx
index b58d2d3d39..740ac99af4 100644
--- a/packages/core/src/components/fields/SchemaField.tsx
+++ b/packages/core/src/components/fields/SchemaField.tsx
@@ -1,8 +1,10 @@
 import { useCallback, Component, ComponentType } from 'react';
 import {
   ADDITIONAL_PROPERTY_FLAG,
+  ANY_OF_KEY,
   descriptionId,
   ErrorSchema,
+  Field,
   FieldPathId,
   FieldPathList,
   FieldProps,
@@ -12,9 +14,12 @@ import {
   getTemplate,
   getUiOptions,
   ID_KEY,
+  isFormDataAvailable,
+  ONE_OF_KEY,
   Registry,
   RJSFSchema,
   shouldRender,
+  shouldRenderOptionalField,
   StrictRJSFSchema,
   TranslatableString,
   UI_OPTIONS_KEY,
@@ -114,11 +119,12 @@ function SchemaFieldRender<T = any, S extends StrictRJSFSchema = RJSFSchema, F e
     onChange,
     onKeyChange,
     onDropPropertyClick,
-    required,
+    required = false,
     registry,
     wasPropertyKeyModified = false,
   } = props;
-  const { formContext, schemaUtils, globalUiOptions } = registry;
+  const { formContext, schemaUtils, globalUiOptions, fields } = registry;
+  const { AnyOfField: _AnyOfField, OneOfField: _OneOfField } = fields;
   const uiOptions = getUiOptions<T, S, F>(uiSchema, globalUiOptions);
   const FieldTemplate = getTemplate<'FieldTemplate', T, S, F>('FieldTemplate', registry, uiOptions);
   const DescriptionFieldTemplate = getTemplate<'DescriptionFieldTemplate', T, S, F>(
@@ -153,7 +159,31 @@ function SchemaFieldRender<T = any, S extends StrictRJSFSchema = RJSFSchema, F e
     return null;
   }
 
-  const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
+  let displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
+
+  /** If the schema `anyOf` or 'oneOf' can be rendered as a select control, don't render the selection and let
+   * `StringField` component handle rendering unless there is a field override and that field replaces the any or one of
+   */
+  const isReplacingAnyOrOneOf = uiOptions.field && uiOptions.fieldReplacesAnyOrOneOf === true;
+  let XxxOfField: Field<T, S, F> | undefined;
+  let XxxOfOptions: S[] | undefined;
+  if ((ANY_OF_KEY in schema || ONE_OF_KEY in schema) && !isReplacingAnyOrOneOf && !schemaUtils.isSelect(schema)) {
+    if (schema[ANY_OF_KEY]) {
+      XxxOfField = _AnyOfField;
+      XxxOfOptions = schema[ANY_OF_KEY].map((_schema) =>
+        schemaUtils.retrieveSchema(isObject(_schema) ? (_schema as S) : ({} as S), formData),
+      );
+    } else if (schema[ONE_OF_KEY]) {
+      XxxOfField = _OneOfField;
+      XxxOfOptions = schema[ONE_OF_KEY].map((_schema) =>
+        schemaUtils.retrieveSchema(isObject(_schema) ? (_schema as S) : ({} as S), formData),
+      );
+    }
+    // When the anyOf/oneOf is an optional data control render AND it does not have form data, hide the label
+    const isOptionalRender = shouldRenderOptionalField<T, S, F>(registry, schema, required, uiSchema);
+    const hasFormData = isFormDataAvailable(formData);
+    displayLabel = displayLabel && (!isOptionalRender || hasFormData);
+  }
 
   const { __errors, ...fieldErrorSchema } = errorSchema || {};
   // See #439: uiSchema: Don't pass consumed class names or style to child components
@@ -219,7 +249,7 @@ function SchemaFieldRender<T = any, S extends StrictRJSFSchema = RJSFSchema, F e
    * unless it can be rendered as select control
    */
   const errorsComponent =
-    hideError || ((schema.anyOf || schema.oneOf) && !schemaUtils.isSelect(schema)) ? undefined : (
+    hideError || (XxxOfField && !schemaUtils.isSelect(schema)) ? undefined : (
       <FieldErrorTemplate
         errors={__errors}
         errorSchema={errorSchema}
@@ -263,43 +293,12 @@ function SchemaFieldRender<T = any, S extends StrictRJSFSchema = RJSFSchema, F e
     registry,
   };
 
-  const _AnyOfField = registry.fields.AnyOfField;
-  const _OneOfField = registry.fields.OneOfField;
-  const isReplacingAnyOrOneOf = uiSchema?.['ui:field'] && uiSchema?.['ui:fieldReplacesAnyOrOneOf'] === true;
-
   return (
     <FieldTemplate {...fieldProps}>
       <>
         {field}
-        {/*
-        If the schema `anyOf` or 'oneOf' can be rendered as a select control, don't
-        render the selection and let `StringField` component handle
-        rendering
-      */}
-        {schema.anyOf && !isReplacingAnyOrOneOf && !schemaUtils.isSelect(schema) && (
-          <_AnyOfField
-            name={name}
-            disabled={disabled}
-            readonly={readonly}
-            hideError={hideError}
-            errorSchema={errorSchema}
-            formData={formData}
-            formContext={formContext}
-            fieldPathId={fieldPathId}
-            onBlur={props.onBlur}
-            onChange={props.onChange}
-            onFocus={props.onFocus}
-            options={schema.anyOf.map((_schema) =>
-              schemaUtils.retrieveSchema(isObject(_schema) ? (_schema as S) : ({} as S), formData),
-            )}
-            registry={registry}
-            required={required}
-            schema={schema}
-            uiSchema={uiSchema}
-          />
-        )}
-        {schema.oneOf && !isReplacingAnyOrOneOf && !schemaUtils.isSelect(schema) && (
-          <_OneOfField
+        {XxxOfField && (
+          <XxxOfField
             name={name}
             disabled={disabled}
             readonly={readonly}
@@ -311,9 +310,7 @@ function SchemaFieldRender<T = any, S extends StrictRJSFSchema = RJSFSchema, F e
             onBlur={props.onBlur}
             onChange={props.onChange}
             onFocus={props.onFocus}
-            options={schema.oneOf.map((_schema) =>
-              schemaUtils.retrieveSchema(isObject(_schema) ? (_schema as S) : ({} as S), formData),
-            )}
+            options={XxxOfOptions}
             registry={registry}
             required={required}
             schema={schema}
diff --git a/packages/core/test/__snapshots__/FormSnap.test.tsx.snap b/packages/core/test/__snapshots__/FormSnap.test.tsx.snap
index a09581670e..7c7630df14 100644
--- a/packages/core/test/__snapshots__/FormSnap.test.tsx.snap
+++ b/packages/core/test/__snapshots__/FormSnap.test.tsx.snap
@@ -1440,6 +1440,91 @@ exports[`single fields optional data controls does not show optional controls wh
           </div>
         </div>
       </div>
+      <div
+        className="form-group rjsf-field rjsf-field-undefined"
+      >
+        <label
+          className="control-label"
+          htmlFor="root_optionalArrayWithAnyofs"
+        >
+          optionalArrayWithAnyofs
+        </label>
+        <div
+          className="panel panel-default panel-body"
+        >
+          <div
+            className="form-group"
+          >
+            <select
+              aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+              autoFocus={false}
+              className="form-control"
+              disabled={false}
+              id="root_optionalArrayWithAnyofs__anyof_select"
+              multiple={false}
+              name="root_optionalArrayWithAnyofs__anyof_select"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              role="combobox"
+              value="0"
+            >
+              <option
+                value="0"
+              >
+                Option 1
+              </option>
+              <option
+                value="1"
+              >
+                Option 2
+              </option>
+              <option
+                value="2"
+              >
+                Option 3
+              </option>
+            </select>
+          </div>
+          <div
+            className="form-group rjsf-field rjsf-field-array"
+          >
+            <fieldset
+              className="rjsf-field rjsf-field-array rjsf-field-array-of-string"
+              id="root_optionalArrayWithAnyofs"
+            >
+              <legend
+                id="root_optionalArrayWithAnyofs__title"
+              >
+                optionalArrayWithAnyofs
+              </legend>
+              <div
+                className="row array-item-list"
+              />
+              <div
+                className="row"
+              >
+                <p
+                  className="col-xs-3 col-xs-offset-9 text-right rjsf-array-item-add"
+                >
+                  <button
+                    className="btn btn-info btn-add col-xs-12"
+                    disabled={false}
+                    id="root_optionalArrayWithAnyofs__add"
+                    onClick={[Function]}
+                    title="Add"
+                    type="button"
+                  >
+                    <i
+                      className="glyphicon glyphicon-plus"
+                    />
+                  </button>
+                </p>
+              </div>
+            </fieldset>
+          </div>
+        </div>
+      </div>
     </fieldset>
   </div>
   <div>
@@ -1924,6 +2009,91 @@ exports[`single fields optional data controls does not show optional controls wh
           </div>
         </div>
       </div>
+      <div
+        className="form-group rjsf-field rjsf-field-undefined"
+      >
+        <label
+          className="control-label"
+          htmlFor="root_optionalArrayWithAnyofs"
+        >
+          optionalArrayWithAnyofs
+        </label>
+        <div
+          className="panel panel-default panel-body"
+        >
+          <div
+            className="form-group"
+          >
+            <select
+              aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+              autoFocus={false}
+              className="form-control"
+              disabled={true}
+              id="root_optionalArrayWithAnyofs__anyof_select"
+              multiple={false}
+              name="root_optionalArrayWithAnyofs__anyof_select"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              role="combobox"
+              value="0"
+            >
+              <option
+                value="0"
+              >
+                Option 1
+              </option>
+              <option
+                value="1"
+              >
+                Option 2
+              </option>
+              <option
+                value="2"
+              >
+                Option 3
+              </option>
+            </select>
+          </div>
+          <div
+            className="form-group rjsf-field rjsf-field-array"
+          >
+            <fieldset
+              className="rjsf-field rjsf-field-array rjsf-field-array-of-string"
+              id="root_optionalArrayWithAnyofs"
+            >
+              <legend
+                id="root_optionalArrayWithAnyofs__title"
+              >
+                optionalArrayWithAnyofs
+              </legend>
+              <div
+                className="row array-item-list"
+              />
+              <div
+                className="row"
+              >
+                <p
+                  className="col-xs-3 col-xs-offset-9 text-right rjsf-array-item-add"
+                >
+                  <button
+                    className="btn btn-info btn-add col-xs-12"
+                    disabled={true}
+                    id="root_optionalArrayWithAnyofs__add"
+                    onClick={[Function]}
+                    title="Add"
+                    type="button"
+                  >
+                    <i
+                      className="glyphicon glyphicon-plus"
+                    />
+                  </button>
+                </p>
+              </div>
+            </fieldset>
+          </div>
+        </div>
+      </div>
     </fieldset>
   </div>
   <div>
@@ -2425,109 +2595,114 @@ exports[`single fields optional data controls shows "add" and "remove" optional
       <div
         className="form-group rjsf-field rjsf-field-undefined"
       >
-        <label
-          className="control-label"
-          htmlFor="root_optionalObjectWithOneofs"
-        >
-          optionalObjectWithOneofs
-        </label>
         <div
           className="panel panel-default panel-body"
         >
           <div
             className="form-group"
-          >
-            <select
-              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-              autoFocus={false}
-              className="form-control"
-              disabled={false}
-              id="root_optionalObjectWithOneofs__oneof_select"
-              multiple={false}
-              name="root_optionalObjectWithOneofs__oneof_select"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              value="0"
-            >
-              <option
-                value="0"
-              >
-                Option 1
-              </option>
-              <option
-                value="1"
-              >
-                Option 2
-              </option>
-              <option
-                value="2"
-              >
-                Option 3
-              </option>
-            </select>
-          </div>
+          />
           <div
             className="form-group rjsf-field rjsf-field-object"
           >
             <fieldset
+              className="rjsf-optional-object-field"
               id="root_optionalObjectWithOneofs"
             >
               <legend
                 id="root_optionalObjectWithOneofs__title"
               >
                 optionalObjectWithOneofs
-              </legend>
-              <div
-                className="form-group rjsf-field rjsf-field-string"
-              >
-                <label
-                  className="control-label"
-                  htmlFor="root_optionalObjectWithOneofs_name"
+                <span
+                  className="pull-right"
+                  style={
+                    {
+                      "marginBottom": "2px",
+                    }
+                  }
                 >
-                  name
-                </label>
-                <input
-                  aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                  autoFocus={false}
-                  className="form-control"
-                  disabled={false}
-                  id="root_optionalObjectWithOneofs_name"
-                  label="name"
-                  name="root_optionalObjectWithOneofs_name"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onFocus={[Function]}
-                  placeholder=""
-                  readOnly={true}
-                  required={false}
-                  type="text"
-                  value=""
-                />
-              </div>
+                  <button
+                    className="btn btn-default rjsf-add-optional-data btn-sm"
+                    id="root_optionalObjectWithOneofs__optionalAdd"
+                    onClick={[Function]}
+                    title="Add data for optional field"
+                    type="button"
+                  >
+                    <i
+                      className="glyphicon glyphicon-plus"
+                    />
+                  </button>
+                </span>
+              </legend>
             </fieldset>
           </div>
         </div>
       </div>
-    </fieldset>
-  </div>
-  <div>
-    <button
-      className="btn btn-info "
-      disabled={false}
-      type="submit"
-    >
-      Submit
-    </button>
-  </div>
-</form>
-`;
-
-exports[`single fields optional data controls shows "add" and "remove" optional controls when turned on in uiSchema, readonly and formData 1`] = `
-<form
-  className="rjsf"
-  noValidate={false}
+      <div
+        className="form-group rjsf-field rjsf-field-undefined"
+      >
+        <div
+          className="panel panel-default panel-body"
+        >
+          <div
+            className="form-group"
+          />
+          <div
+            className="form-group rjsf-field rjsf-field-array"
+          >
+            <fieldset
+              className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
+              id="root_optionalArrayWithAnyofs"
+            >
+              <legend
+                id="root_optionalArrayWithAnyofs__title"
+              >
+                optionalArrayWithAnyofs
+                <span
+                  className="pull-right"
+                  style={
+                    {
+                      "marginBottom": "2px",
+                    }
+                  }
+                >
+                  <button
+                    className="btn btn-default rjsf-add-optional-data btn-sm"
+                    id="root_optionalArrayWithAnyofs__optionalAdd"
+                    onClick={[Function]}
+                    title="Add data for optional field"
+                    type="button"
+                  >
+                    <i
+                      className="glyphicon glyphicon-plus"
+                    />
+                  </button>
+                </span>
+              </legend>
+              <div
+                className="row array-item-list"
+              />
+            </fieldset>
+          </div>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <div>
+    <button
+      className="btn btn-info "
+      disabled={false}
+      type="submit"
+    >
+      Submit
+    </button>
+  </div>
+</form>
+`;
+
+exports[`single fields optional data controls shows "add" and "remove" optional controls when turned on in uiSchema, readonly and formData 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
   onSubmit={[Function]}
 >
   <div
@@ -2941,87 +3116,62 @@ exports[`single fields optional data controls shows "add" and "remove" optional
       <div
         className="form-group rjsf-field rjsf-field-undefined"
       >
-        <label
-          className="control-label"
-          htmlFor="root_optionalObjectWithOneofs"
-        >
-          optionalObjectWithOneofs
-        </label>
         <div
           className="panel panel-default panel-body"
         >
           <div
             className="form-group"
+          />
+          <div
+            className="form-group rjsf-field rjsf-field-object"
           >
-            <select
-              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-              autoFocus={false}
-              className="form-control"
-              disabled={true}
-              id="root_optionalObjectWithOneofs__oneof_select"
-              multiple={false}
-              name="root_optionalObjectWithOneofs__oneof_select"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              value="0"
+            <fieldset
+              className="rjsf-optional-object-field"
+              id="root_optionalObjectWithOneofs"
             >
-              <option
-                value="0"
-              >
-                Option 1
-              </option>
-              <option
-                value="1"
+              <legend
+                id="root_optionalObjectWithOneofs__title"
               >
-                Option 2
-              </option>
-              <option
-                value="2"
+                optionalObjectWithOneofs
+              </legend>
+              <em
+                id="root_optionalObjectWithOneofs__optionalMsg"
               >
-                Option 3
-              </option>
-            </select>
+                No data for optional field
+              </em>
+            </fieldset>
           </div>
+        </div>
+      </div>
+      <div
+        className="form-group rjsf-field rjsf-field-undefined"
+      >
+        <div
+          className="panel panel-default panel-body"
+        >
           <div
-            className="form-group rjsf-field rjsf-field-object"
+            className="form-group"
+          />
+          <div
+            className="form-group rjsf-field rjsf-field-array"
           >
             <fieldset
-              id="root_optionalObjectWithOneofs"
+              className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
+              id="root_optionalArrayWithAnyofs"
             >
               <legend
-                id="root_optionalObjectWithOneofs__title"
+                id="root_optionalArrayWithAnyofs__title"
               >
-                optionalObjectWithOneofs
+                optionalArrayWithAnyofs
               </legend>
-              <div
-                className="form-group rjsf-field rjsf-field-string"
+              <em
+                id="root_optionalArrayWithAnyofs__optionalMsg"
               >
-                <label
-                  className="control-label"
-                  htmlFor="root_optionalObjectWithOneofs_name"
-                >
-                  name
-                </label>
-                <input
-                  aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                  autoFocus={false}
-                  className="form-control"
-                  disabled={false}
-                  id="root_optionalObjectWithOneofs_name"
-                  label="name"
-                  name="root_optionalObjectWithOneofs_name"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onFocus={[Function]}
-                  placeholder=""
-                  readOnly={true}
-                  required={false}
-                  type="text"
-                  value=""
-                />
-              </div>
+                No data for optional field
+              </em>
+              <div
+                className="row array-item-list"
+              />
             </fieldset>
           </div>
         </div>
@@ -3218,87 +3368,92 @@ exports[`single fields optional data controls shows "add" optional controls when
       <div
         className="form-group rjsf-field rjsf-field-undefined"
       >
-        <label
-          className="control-label"
-          htmlFor="root_optionalObjectWithOneofs"
-        >
-          optionalObjectWithOneofs
-        </label>
         <div
           className="panel panel-default panel-body"
         >
           <div
             className="form-group"
-          >
-            <select
-              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-              autoFocus={false}
-              className="form-control"
-              disabled={false}
-              id="root_optionalObjectWithOneofs__oneof_select"
-              multiple={false}
-              name="root_optionalObjectWithOneofs__oneof_select"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              value="0"
-            >
-              <option
-                value="0"
-              >
-                Option 1
-              </option>
-              <option
-                value="1"
-              >
-                Option 2
-              </option>
-              <option
-                value="2"
-              >
-                Option 3
-              </option>
-            </select>
-          </div>
+          />
           <div
             className="form-group rjsf-field rjsf-field-object"
           >
             <fieldset
+              className="rjsf-optional-object-field"
               id="root_optionalObjectWithOneofs"
             >
               <legend
                 id="root_optionalObjectWithOneofs__title"
               >
                 optionalObjectWithOneofs
+                <span
+                  className="pull-right"
+                  style={
+                    {
+                      "marginBottom": "2px",
+                    }
+                  }
+                >
+                  <button
+                    className="btn btn-default rjsf-add-optional-data btn-sm"
+                    id="root_optionalObjectWithOneofs__optionalAdd"
+                    onClick={[Function]}
+                    title="Add data for optional field"
+                    type="button"
+                  >
+                    <i
+                      className="glyphicon glyphicon-plus"
+                    />
+                  </button>
+                </span>
               </legend>
-              <div
-                className="form-group rjsf-field rjsf-field-string"
+            </fieldset>
+          </div>
+        </div>
+      </div>
+      <div
+        className="form-group rjsf-field rjsf-field-undefined"
+      >
+        <div
+          className="panel panel-default panel-body"
+        >
+          <div
+            className="form-group"
+          />
+          <div
+            className="form-group rjsf-field rjsf-field-array"
+          >
+            <fieldset
+              className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
+              id="root_optionalArrayWithAnyofs"
+            >
+              <legend
+                id="root_optionalArrayWithAnyofs__title"
               >
-                <label
-                  className="control-label"
-                  htmlFor="root_optionalObjectWithOneofs_name"
+                optionalArrayWithAnyofs
+                <span
+                  className="pull-right"
+                  style={
+                    {
+                      "marginBottom": "2px",
+                    }
+                  }
                 >
-                  name
-                </label>
-                <input
-                  aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                  autoFocus={false}
-                  className="form-control"
-                  disabled={false}
-                  id="root_optionalObjectWithOneofs_name"
-                  label="name"
-                  name="root_optionalObjectWithOneofs_name"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onFocus={[Function]}
-                  placeholder=""
-                  readOnly={true}
-                  required={false}
-                  type="text"
-                  value=""
-                />
-              </div>
+                  <button
+                    className="btn btn-default rjsf-add-optional-data btn-sm"
+                    id="root_optionalArrayWithAnyofs__optionalAdd"
+                    onClick={[Function]}
+                    title="Add data for optional field"
+                    type="button"
+                  >
+                    <i
+                      className="glyphicon glyphicon-plus"
+                    />
+                  </button>
+                </span>
+              </legend>
+              <div
+                className="row array-item-list"
+              />
             </fieldset>
           </div>
         </div>
@@ -3465,87 +3620,62 @@ exports[`single fields optional data controls shows "add" optional controls when
       <div
         className="form-group rjsf-field rjsf-field-undefined"
       >
-        <label
-          className="control-label"
-          htmlFor="root_optionalObjectWithOneofs"
-        >
-          optionalObjectWithOneofs
-        </label>
         <div
           className="panel panel-default panel-body"
         >
           <div
             className="form-group"
+          />
+          <div
+            className="form-group rjsf-field rjsf-field-object"
           >
-            <select
-              aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-              autoFocus={false}
-              className="form-control"
-              disabled={true}
-              id="root_optionalObjectWithOneofs__oneof_select"
-              multiple={false}
-              name="root_optionalObjectWithOneofs__oneof_select"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              value="0"
+            <fieldset
+              className="rjsf-optional-object-field"
+              id="root_optionalObjectWithOneofs"
             >
-              <option
-                value="0"
-              >
-                Option 1
-              </option>
-              <option
-                value="1"
+              <legend
+                id="root_optionalObjectWithOneofs__title"
               >
-                Option 2
-              </option>
-              <option
-                value="2"
+                optionalObjectWithOneofs
+              </legend>
+              <em
+                id="root_optionalObjectWithOneofs__optionalMsg"
               >
-                Option 3
-              </option>
-            </select>
+                No data for optional field
+              </em>
+            </fieldset>
           </div>
+        </div>
+      </div>
+      <div
+        className="form-group rjsf-field rjsf-field-undefined"
+      >
+        <div
+          className="panel panel-default panel-body"
+        >
           <div
-            className="form-group rjsf-field rjsf-field-object"
+            className="form-group"
+          />
+          <div
+            className="form-group rjsf-field rjsf-field-array"
           >
             <fieldset
-              id="root_optionalObjectWithOneofs"
+              className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
+              id="root_optionalArrayWithAnyofs"
             >
               <legend
-                id="root_optionalObjectWithOneofs__title"
+                id="root_optionalArrayWithAnyofs__title"
               >
-                optionalObjectWithOneofs
+                optionalArrayWithAnyofs
               </legend>
-              <div
-                className="form-group rjsf-field rjsf-field-string"
+              <em
+                id="root_optionalArrayWithAnyofs__optionalMsg"
               >
-                <label
-                  className="control-label"
-                  htmlFor="root_optionalObjectWithOneofs_name"
-                >
-                  name
-                </label>
-                <input
-                  aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                  autoFocus={false}
-                  className="form-control"
-                  disabled={true}
-                  id="root_optionalObjectWithOneofs_name"
-                  label="name"
-                  name="root_optionalObjectWithOneofs_name"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onFocus={[Function]}
-                  placeholder=""
-                  readOnly={true}
-                  required={false}
-                  type="text"
-                  value=""
-                />
-              </div>
+                No data for optional field
+              </em>
+              <div
+                className="row array-item-list"
+              />
             </fieldset>
           </div>
         </div>
diff --git a/packages/daisyui/test/__snapshots__/Form.test.tsx.snap b/packages/daisyui/test/__snapshots__/Form.test.tsx.snap
index a2f9e97d46..e06bfead3b 100644
--- a/packages/daisyui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/daisyui/test/__snapshots__/Form.test.tsx.snap
@@ -2812,6 +2812,203 @@ exports[`single fields optional data controls does not show optional controls wh
               </div>
             </div>
           </div>
+          <div
+            className=""
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div
+                className="field-template mb-3 rjsf-field rjsf-field-undefined"
+                disabled={false}
+              >
+                <label
+                  className="label"
+                  htmlFor="root_optionalArrayWithAnyofs"
+                >
+                  <span
+                    className="label-text font-medium"
+                  >
+                    optionalArrayWithAnyofs
+                  </span>
+                </label>
+                <div
+                  className="p-4 border rounded-sm shadow-sm"
+                >
+                  <div
+                    className="mb-4"
+                  >
+                    <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"
+                          >
+                            Option 1
+                          </span>
+                          <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 bg-primary/10"
+                            data-value={0}
+                            onClick={[Function]}
+                            role="button"
+                            tabIndex={0}
+                          >
+                            <div
+                              className="flex items-center gap-2"
+                            >
+                              <span>
+                                Option 1
+                              </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>
+                                Option 2
+                              </span>
+                            </div>
+                          </li>
+                          <li
+                            className="px-4 py-2 hover:bg-base-200 cursor-pointer "
+                            data-value={2}
+                            onClick={[Function]}
+                            role="button"
+                            tabIndex={0}
+                          >
+                            <div
+                              className="flex items-center gap-2"
+                            >
+                              <span>
+                                Option 3
+                              </span>
+                            </div>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="field-template mb-3 rjsf-field rjsf-field-array"
+                      disabled={false}
+                    >
+                      <div
+                        className="array-field-template rjsf-field rjsf-field-array rjsf-field-array-of-string"
+                      >
+                        <div
+                          className="title-field mb-6"
+                          id="root_optionalArrayWithAnyofs__title"
+                        >
+                          <h2
+                            className="text-3xl font-bold text-primary mb-2"
+                          >
+                            optionalArrayWithAnyofs
+                          </h2>
+                          <div
+                            className="divider divider-primary my-0"
+                          />
+                        </div>
+                        <div
+                          className="flex flex-col gap-4"
+                        >
+                          <div
+                            className="rjsf-array-item-list"
+                          >
+                            <div
+                              className="text-center italic text-base-content/70"
+                            >
+                              No items yet. Use the button below to add some.
+                            </div>
+                          </div>
+                          <div
+                            className="flex justify-end"
+                          >
+                            <div
+                              className="row"
+                            >
+                              <p
+                                className="col-xs-3 col-xs-offset-9 text-right rjsf-array-item-add btn btn-primary btn-sm"
+                              >
+                                <button
+                                  aria-label="Add"
+                                  className="btn-add col-xs-12 btn-primary btn-primary-content"
+                                  disabled={false}
+                                  id="root_optionalArrayWithAnyofs__add"
+                                  onClick={[Function]}
+                                  title="Add"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    className="svg-inline--fa fa-plus h-5 w-5"
+                                    data-icon="plus"
+                                    data-prefix="fas"
+                                    role="img"
+                                    viewBox="0 0 448 512"
+                                  >
+                                    <path
+                                      d="M256 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 160-160 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160 160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0 0-160z"
+                                      fill="currentColor"
+                                    />
+                                  </svg>
+                                </button>
+                              </p>
+                            </div>
+                          </div>
+                        </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>
+                <div
+                  className="rjsf-field-help-template text-gray-500 text-sm"
+                >
+                  <div />
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
       <div
@@ -4004,99 +4201,296 @@ exports[`single fields optional data controls does not show optional controls wh
               </div>
             </div>
           </div>
-        </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 optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 1`] = `
-<form
-  className="rjsf"
-  noValidate={false}
-  onSubmit={[Function]}
->
-  <div
-    className="rjsf-field rjsf-field-object"
-  >
-    <div
-      className="field-template mb-3 rjsf-field rjsf-field-object"
-      disabled={false}
-    >
-      <div
-        className="form-control bg-base-100 p-6 rounded-xl shadow-lg"
-      >
-        <div
-          className="title-field mb-6"
-          id="root__title"
-        >
-          <h2
-            className="text-3xl font-bold text-primary mb-2"
-          >
-            test
-          </h2>
-          <div
-            className="divider divider-primary my-0"
-          />
-        </div>
-        <div
-          className="grid grid-cols-1 gap-4 "
-        >
           <div
             className=""
           >
             <div
-              className="rjsf-field rjsf-field-object"
+              className="rjsf-field rjsf-field-undefined"
             >
               <div
-                className="field-template mb-3 rjsf-field rjsf-field-object"
+                className="field-template mb-3 rjsf-field rjsf-field-undefined"
                 disabled={false}
               >
+                <label
+                  className="label"
+                  htmlFor="root_optionalArrayWithAnyofs"
+                >
+                  <span
+                    className="label-text font-medium"
+                  >
+                    optionalArrayWithAnyofs
+                  </span>
+                </label>
                 <div
-                  className="form-control "
+                  className="p-4 border rounded-sm shadow-sm"
                 >
                   <div
-                    className="title-field mb-6"
-                    id="root_nestedObjectOptional__title"
+                    className="mb-4"
                   >
                     <div
-                      className="flex"
+                      className="form-control w-full"
                     >
                       <div
-                        className="flex flex-auto"
+                        className="dropdown w-full"
                       >
-                        <h2
-                          className="text-3xl font-bold text-primary mb-2"
+                        <div
+                          className="btn btn-outline w-full text-left flex justify-between items-center btn-disabled"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
+                          role="button"
+                          tabIndex={0}
                         >
-                          nestedObjectOptional
-                        </h2>
-                      </div>
-                      <div
-                        className="flex justify-end"
-                      >
-                        <button
+                          <span
+                            className="truncate"
+                          >
+                            Option 1
+                          </span>
+                          <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 bg-primary/10"
+                            data-value={0}
+                            onClick={[Function]}
+                            role="button"
+                            tabIndex={0}
+                          >
+                            <div
+                              className="flex items-center gap-2"
+                            >
+                              <span>
+                                Option 1
+                              </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>
+                                Option 2
+                              </span>
+                            </div>
+                          </li>
+                          <li
+                            className="px-4 py-2 hover:bg-base-200 cursor-pointer "
+                            data-value={2}
+                            onClick={[Function]}
+                            role="button"
+                            tabIndex={0}
+                          >
+                            <div
+                              className="flex items-center gap-2"
+                            >
+                              <span>
+                                Option 3
+                              </span>
+                            </div>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="field-template mb-3 rjsf-field rjsf-field-array"
+                      disabled={false}
+                    >
+                      <div
+                        className="array-field-template rjsf-field rjsf-field-array rjsf-field-array-of-string"
+                      >
+                        <div
+                          className="title-field mb-6"
+                          id="root_optionalArrayWithAnyofs__title"
+                        >
+                          <h2
+                            className="text-3xl font-bold text-primary mb-2"
+                          >
+                            optionalArrayWithAnyofs
+                          </h2>
+                          <div
+                            className="divider divider-primary my-0"
+                          />
+                        </div>
+                        <div
+                          className="flex flex-col gap-4"
+                        >
+                          <div
+                            className="rjsf-array-item-list"
+                          >
+                            <div
+                              className="text-center italic text-base-content/70"
+                            >
+                              No items yet. Use the button below to add some.
+                            </div>
+                          </div>
+                          <div
+                            className="flex justify-end"
+                          >
+                            <div
+                              className="row"
+                            >
+                              <p
+                                className="col-xs-3 col-xs-offset-9 text-right rjsf-array-item-add btn btn-primary btn-sm"
+                              >
+                                <button
+                                  aria-label="Add"
+                                  className="btn-add col-xs-12 btn-primary btn-primary-content"
+                                  disabled={true}
+                                  id="root_optionalArrayWithAnyofs__add"
+                                  onClick={[Function]}
+                                  title="Add"
+                                  type="button"
+                                >
+                                  <svg
+                                    aria-hidden="true"
+                                    className="svg-inline--fa fa-plus h-5 w-5"
+                                    data-icon="plus"
+                                    data-prefix="fas"
+                                    role="img"
+                                    viewBox="0 0 448 512"
+                                  >
+                                    <path
+                                      d="M256 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 160-160 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160 160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0 0-160z"
+                                      fill="currentColor"
+                                    />
+                                  </svg>
+                                </button>
+                              </p>
+                            </div>
+                          </div>
+                        </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>
+                <div
+                  className="rjsf-field-help-template text-gray-500 text-sm"
+                >
+                  <div />
+                </div>
+              </div>
+            </div>
+          </div>
+        </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 optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-object"
+  >
+    <div
+      className="field-template mb-3 rjsf-field rjsf-field-object"
+      disabled={false}
+    >
+      <div
+        className="form-control bg-base-100 p-6 rounded-xl shadow-lg"
+      >
+        <div
+          className="title-field mb-6"
+          id="root__title"
+        >
+          <h2
+            className="text-3xl font-bold text-primary mb-2"
+          >
+            test
+          </h2>
+          <div
+            className="divider divider-primary my-0"
+          />
+        </div>
+        <div
+          className="grid grid-cols-1 gap-4 "
+        >
+          <div
+            className=""
+          >
+            <div
+              className="rjsf-field rjsf-field-object"
+            >
+              <div
+                className="field-template mb-3 rjsf-field rjsf-field-object"
+                disabled={false}
+              >
+                <div
+                  className="form-control "
+                >
+                  <div
+                    className="title-field mb-6"
+                    id="root_nestedObjectOptional__title"
+                  >
+                    <div
+                      className="flex"
+                    >
+                      <div
+                        className="flex flex-auto"
+                      >
+                        <h2
+                          className="text-3xl font-bold text-primary mb-2"
+                        >
+                          nestedObjectOptional
+                        </h2>
+                      </div>
+                      <div
+                        className="flex justify-end"
+                      >
+                        <button
                           aria-label="Remove data for optional field"
                           className="rjsf-remove-optional-data"
                           id="root_nestedObjectOptional__optionalRemove"
@@ -5105,193 +5499,175 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                 className="field-template mb-3 rjsf-field rjsf-field-undefined"
                 disabled={false}
               >
-                <label
-                  className="label"
-                  htmlFor="root_optionalObjectWithOneofs"
-                >
-                  <span
-                    className="label-text font-medium"
-                  >
-                    optionalObjectWithOneofs
-                  </span>
-                </label>
                 <div
                   className="p-4 border rounded-sm shadow-sm"
                 >
                   <div
                     className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-object"
                   >
                     <div
-                      className="form-control w-full"
+                      className="field-template mb-3 rjsf-field rjsf-field-object"
+                      disabled={false}
                     >
                       <div
-                        className="dropdown w-full"
+                        className="form-control "
                       >
                         <div
-                          className="btn btn-outline w-full text-left flex justify-between items-center "
-                          onBlur={[Function]}
-                          onFocus={[Function]}
-                          role="button"
-                          tabIndex={0}
+                          className="title-field mb-6"
+                          id="root_optionalObjectWithOneofs__title"
                         >
-                          <span
-                            className="truncate"
-                          >
-                            Option 1
-                          </span>
-                          <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 bg-primary/10"
-                            data-value={0}
-                            onClick={[Function]}
-                            role="button"
-                            tabIndex={0}
-                          >
-                            <div
-                              className="flex items-center gap-2"
-                            >
-                              <span>
-                                Option 1
-                              </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"
                           >
                             <div
-                              className="flex items-center gap-2"
+                              className="flex flex-auto"
                             >
-                              <span>
-                                Option 2
-                              </span>
+                              <h2
+                                className="text-3xl font-bold text-primary mb-2"
+                              >
+                                optionalObjectWithOneofs
+                              </h2>
                             </div>
-                          </li>
-                          <li
-                            className="px-4 py-2 hover:bg-base-200 cursor-pointer "
-                            data-value={2}
-                            onClick={[Function]}
-                            role="button"
-                            tabIndex={0}
-                          >
                             <div
-                              className="flex items-center gap-2"
+                              className="flex justify-end"
                             >
-                              <span>
-                                Option 3
-                              </span>
+                              <button
+                                aria-label="Add data for optional field"
+                                className="rjsf-add-optional-data"
+                                id="root_optionalObjectWithOneofs__optionalAdd"
+                                onClick={[Function]}
+                                title="Add data for optional field"
+                                type="button"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  className="svg-inline--fa fa-plus h-5 w-5"
+                                  data-icon="plus"
+                                  data-prefix="fas"
+                                  role="img"
+                                  viewBox="0 0 448 512"
+                                >
+                                  <path
+                                    d="M256 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 160-160 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160 160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0 0-160z"
+                                    fill="currentColor"
+                                  />
+                                </svg>
+                              </button>
                             </div>
-                          </li>
-                        </ul>
+                          </div>
+                          <div
+                            className="divider divider-primary my-0"
+                          />
+                        </div>
+                        <div
+                          className="grid grid-cols-1 gap-4 mb-4"
+                        />
+                      </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>
+                <div
+                  className="rjsf-field-help-template text-gray-500 text-sm"
+                >
+                  <div />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className=""
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div
+                className="field-template mb-3 rjsf-field rjsf-field-undefined"
+                disabled={false}
+              >
+                <div
+                  className="p-4 border rounded-sm shadow-sm"
+                >
                   <div
-                    className="rjsf-field rjsf-field-object"
+                    className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-array"
                   >
                     <div
-                      className="field-template mb-3 rjsf-field rjsf-field-object"
+                      className="field-template mb-3 rjsf-field rjsf-field-array"
                       disabled={false}
                     >
                       <div
-                        className="form-control "
+                        className="array-field-template rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
                       >
                         <div
                           className="title-field mb-6"
-                          id="root_optionalObjectWithOneofs__title"
-                        >
-                          <h2
-                            className="text-3xl font-bold text-primary mb-2"
-                          >
-                            optionalObjectWithOneofs
-                          </h2>
-                          <div
-                            className="divider divider-primary my-0"
-                          />
-                        </div>
-                        <div
-                          className="grid grid-cols-1 gap-4 mb-4"
+                          id="root_optionalArrayWithAnyofs__title"
                         >
                           <div
-                            className=""
+                            className="flex"
                           >
                             <div
-                              className="rjsf-field rjsf-field-string"
+                              className="flex flex-auto"
                             >
-                              <div
-                                className="field-template mb-3 rjsf-field rjsf-field-string"
-                                disabled={false}
+                              <h2
+                                className="text-3xl font-bold text-primary mb-2"
                               >
-                                <label
-                                  className="label"
-                                  htmlFor="root_optionalObjectWithOneofs_name"
-                                >
-                                  <span
-                                    className="label-text font-medium"
-                                  >
-                                    name
-                                  </span>
-                                </label>
-                                <div
-                                  className="form-control"
-                                >
-                                  <label
-                                    className="label hidden"
-                                    htmlFor="root_optionalObjectWithOneofs_name"
-                                    style={
-                                      {
-                                        "display": "none",
-                                      }
-                                    }
-                                  >
-                                    <span
-                                      className="label-text"
-                                    >
-                                      name
-                                    </span>
-                                  </label>
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="input input-bordered"
-                                    disabled={true}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
-                                </div>
-                                <div
-                                  className="rjsf-field-error-template text-red-600"
+                                optionalArrayWithAnyofs
+                              </h2>
+                            </div>
+                            <div
+                              className="flex justify-end"
+                            >
+                              <button
+                                aria-label="Add data for optional field"
+                                className="rjsf-add-optional-data"
+                                id="root_optionalArrayWithAnyofs__optionalAdd"
+                                onClick={[Function]}
+                                title="Add data for optional field"
+                                type="button"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  className="svg-inline--fa fa-plus h-5 w-5"
+                                  data-icon="plus"
+                                  data-prefix="fas"
+                                  role="img"
+                                  viewBox="0 0 448 512"
                                 >
-                                  <ul
-                                    className="list-disc list-inside"
+                                  <path
+                                    d="M256 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 160-160 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160 160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0 0-160z"
+                                    fill="currentColor"
                                   />
-                                </div>
-                                <div
-                                  className="rjsf-field-help-template text-gray-500 text-sm"
-                                >
-                                  <div />
-                                </div>
-                              </div>
+                                </svg>
+                              </button>
                             </div>
                           </div>
+                          <div
+                            className="divider divider-primary my-0"
+                          />
+                        </div>
+                        <div
+                          className="flex flex-col gap-4"
+                        >
+                          <div
+                            className="rjsf-array-item-list"
+                          />
                         </div>
                       </div>
                       <div
@@ -6293,193 +6669,118 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                 className="field-template mb-3 rjsf-field rjsf-field-undefined"
                 disabled={false}
               >
-                <label
-                  className="label"
-                  htmlFor="root_optionalObjectWithOneofs"
-                >
-                  <span
-                    className="label-text font-medium"
-                  >
-                    optionalObjectWithOneofs
-                  </span>
-                </label>
                 <div
                   className="p-4 border rounded-sm shadow-sm"
                 >
                   <div
                     className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-object"
                   >
                     <div
-                      className="form-control w-full"
+                      className="field-template mb-3 rjsf-field rjsf-field-object"
+                      disabled={false}
                     >
                       <div
-                        className="dropdown w-full"
+                        className="form-control "
                       >
                         <div
-                          className="btn btn-outline w-full text-left flex justify-between items-center btn-disabled"
-                          onBlur={[Function]}
-                          onFocus={[Function]}
-                          role="button"
-                          tabIndex={0}
+                          className="title-field mb-6"
+                          id="root_optionalObjectWithOneofs__title"
                         >
-                          <span
-                            className="truncate"
-                          >
-                            Option 1
-                          </span>
-                          <span
-                            className="ml-2"
+                          <h2
+                            className="text-3xl font-bold text-primary mb-2"
                           >
-                            ▼
-                          </span>
+                            optionalObjectWithOneofs
+                          </h2>
+                          <div
+                            className="divider divider-primary my-0"
+                          />
                         </div>
-                        <ul
-                          className="dropdown-content z-[1] bg-base-100 w-full max-h-60 overflow-auto rounded-box shadow-lg"
+                        <div
+                          className="grid grid-cols-1 gap-4 mb-4"
                         >
-                          <li
-                            className="px-4 py-2 hover:bg-base-200 cursor-pointer bg-primary/10"
-                            data-value={0}
-                            onClick={[Function]}
-                            role="button"
-                            tabIndex={0}
-                          >
-                            <div
-                              className="flex items-center gap-2"
-                            >
-                              <span>
-                                Option 1
-                              </span>
-                            </div>
-                          </li>
-                          <li
-                            className="px-4 py-2 hover:bg-base-200 cursor-pointer "
-                            data-value={1}
-                            onClick={[Function]}
-                            role="button"
-                            tabIndex={0}
+                          <em
+                            id="root_optionalObjectWithOneofs__optionalMsg"
                           >
-                            <div
-                              className="flex items-center gap-2"
-                            >
-                              <span>
-                                Option 2
-                              </span>
-                            </div>
-                          </li>
-                          <li
-                            className="px-4 py-2 hover:bg-base-200 cursor-pointer "
-                            data-value={2}
-                            onClick={[Function]}
-                            role="button"
-                            tabIndex={0}
-                          >
-                            <div
-                              className="flex items-center gap-2"
-                            >
-                              <span>
-                                Option 3
-                              </span>
-                            </div>
-                          </li>
-                        </ul>
+                            No data for optional field
+                          </em>
+                        </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>
+                <div
+                  className="rjsf-field-help-template text-gray-500 text-sm"
+                >
+                  <div />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className=""
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div
+                className="field-template mb-3 rjsf-field rjsf-field-undefined"
+                disabled={false}
+              >
+                <div
+                  className="p-4 border rounded-sm shadow-sm"
+                >
                   <div
-                    className="rjsf-field rjsf-field-object"
+                    className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-array"
                   >
                     <div
-                      className="field-template mb-3 rjsf-field rjsf-field-object"
+                      className="field-template mb-3 rjsf-field rjsf-field-array"
                       disabled={false}
                     >
                       <div
-                        className="form-control "
+                        className="array-field-template rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
                       >
                         <div
                           className="title-field mb-6"
-                          id="root_optionalObjectWithOneofs__title"
+                          id="root_optionalArrayWithAnyofs__title"
                         >
                           <h2
                             className="text-3xl font-bold text-primary mb-2"
                           >
-                            optionalObjectWithOneofs
+                            optionalArrayWithAnyofs
                           </h2>
                           <div
                             className="divider divider-primary my-0"
                           />
                         </div>
                         <div
-                          className="grid grid-cols-1 gap-4 mb-4"
+                          className="flex flex-col gap-4"
                         >
-                          <div
-                            className=""
+                          <em
+                            id="root_optionalArrayWithAnyofs__optionalMsg"
                           >
-                            <div
-                              className="rjsf-field rjsf-field-string"
-                            >
-                              <div
-                                className="field-template mb-3 rjsf-field rjsf-field-string"
-                                disabled={false}
-                              >
-                                <label
-                                  className="label"
-                                  htmlFor="root_optionalObjectWithOneofs_name"
-                                >
-                                  <span
-                                    className="label-text font-medium"
-                                  >
-                                    name
-                                  </span>
-                                </label>
-                                <div
-                                  className="form-control"
-                                >
-                                  <label
-                                    className="label hidden"
-                                    htmlFor="root_optionalObjectWithOneofs_name"
-                                    style={
-                                      {
-                                        "display": "none",
-                                      }
-                                    }
-                                  >
-                                    <span
-                                      className="label-text"
-                                    >
-                                      name
-                                    </span>
-                                  </label>
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="input input-bordered"
-                                    disabled={true}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
-                                </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>
+                            No data for optional field
+                          </em>
+                          <div
+                            className="rjsf-array-item-list"
+                          />
                         </div>
                       </div>
                       <div
@@ -6942,98 +7243,12 @@ exports[`single fields optional data controls shows "add" optional controls when
                 className="field-template mb-3 rjsf-field rjsf-field-undefined"
                 disabled={false}
               >
-                <label
-                  className="label"
-                  htmlFor="root_optionalObjectWithOneofs"
-                >
-                  <span
-                    className="label-text font-medium"
-                  >
-                    optionalObjectWithOneofs
-                  </span>
-                </label>
                 <div
                   className="p-4 border rounded-sm shadow-sm"
                 >
                   <div
                     className="mb-4"
-                  >
-                    <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"
-                          >
-                            Option 1
-                          </span>
-                          <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 bg-primary/10"
-                            data-value={0}
-                            onClick={[Function]}
-                            role="button"
-                            tabIndex={0}
-                          >
-                            <div
-                              className="flex items-center gap-2"
-                            >
-                              <span>
-                                Option 1
-                              </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>
-                                Option 2
-                              </span>
-                            </div>
-                          </li>
-                          <li
-                            className="px-4 py-2 hover:bg-base-200 cursor-pointer "
-                            data-value={2}
-                            onClick={[Function]}
-                            role="button"
-                            tabIndex={0}
-                          >
-                            <div
-                              className="flex items-center gap-2"
-                            >
-                              <span>
-                                Option 3
-                              </span>
-                            </div>
-                          </li>
-                        </ul>
-                      </div>
-                    </div>
-                  </div>
+                  />
                   <div
                     className="rjsf-field rjsf-field-object"
                   >
@@ -7048,87 +7263,155 @@ exports[`single fields optional data controls shows "add" optional controls when
                           className="title-field mb-6"
                           id="root_optionalObjectWithOneofs__title"
                         >
-                          <h2
-                            className="text-3xl font-bold text-primary mb-2"
+                          <div
+                            className="flex"
                           >
-                            optionalObjectWithOneofs
-                          </h2>
+                            <div
+                              className="flex flex-auto"
+                            >
+                              <h2
+                                className="text-3xl font-bold text-primary mb-2"
+                              >
+                                optionalObjectWithOneofs
+                              </h2>
+                            </div>
+                            <div
+                              className="flex justify-end"
+                            >
+                              <button
+                                aria-label="Add data for optional field"
+                                className="rjsf-add-optional-data"
+                                id="root_optionalObjectWithOneofs__optionalAdd"
+                                onClick={[Function]}
+                                title="Add data for optional field"
+                                type="button"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  className="svg-inline--fa fa-plus h-5 w-5"
+                                  data-icon="plus"
+                                  data-prefix="fas"
+                                  role="img"
+                                  viewBox="0 0 448 512"
+                                >
+                                  <path
+                                    d="M256 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 160-160 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160 160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0 0-160z"
+                                    fill="currentColor"
+                                  />
+                                </svg>
+                              </button>
+                            </div>
+                          </div>
                           <div
                             className="divider divider-primary my-0"
                           />
                         </div>
                         <div
                           className="grid grid-cols-1 gap-4 mb-4"
-                        >
-                          <div
-                            className=""
-                          >
-                            <div
-                              className="rjsf-field rjsf-field-string"
-                            >
-                              <div
-                                className="field-template mb-3 rjsf-field rjsf-field-string"
-                                disabled={false}
-                              >
-                                <label
-                                  className="label"
-                                  htmlFor="root_optionalObjectWithOneofs_name"
-                                >
-                                  <span
-                                    className="label-text font-medium"
-                                  >
-                                    name
-                                  </span>
-                                </label>
-                                <div
-                                  className="form-control"
-                                >
-                                  <label
-                                    className="label hidden"
-                                    htmlFor="root_optionalObjectWithOneofs_name"
-                                    style={
-                                      {
-                                        "display": "none",
-                                      }
-                                    }
-                                  >
-                                    <span
-                                      className="label-text"
-                                    >
-                                      name
-                                    </span>
-                                  </label>
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="input input-bordered"
-                                    disabled={true}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
-                                </div>
-                                <div
-                                  className="rjsf-field-error-template text-red-600"
+                        />
+                      </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>
+                <div
+                  className="rjsf-field-help-template text-gray-500 text-sm"
+                >
+                  <div />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className=""
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div
+                className="field-template mb-3 rjsf-field rjsf-field-undefined"
+                disabled={false}
+              >
+                <div
+                  className="p-4 border rounded-sm shadow-sm"
+                >
+                  <div
+                    className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="field-template mb-3 rjsf-field rjsf-field-array"
+                      disabled={false}
+                    >
+                      <div
+                        className="array-field-template rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
+                      >
+                        <div
+                          className="title-field mb-6"
+                          id="root_optionalArrayWithAnyofs__title"
+                        >
+                          <div
+                            className="flex"
+                          >
+                            <div
+                              className="flex flex-auto"
+                            >
+                              <h2
+                                className="text-3xl font-bold text-primary mb-2"
+                              >
+                                optionalArrayWithAnyofs
+                              </h2>
+                            </div>
+                            <div
+                              className="flex justify-end"
+                            >
+                              <button
+                                aria-label="Add data for optional field"
+                                className="rjsf-add-optional-data"
+                                id="root_optionalArrayWithAnyofs__optionalAdd"
+                                onClick={[Function]}
+                                title="Add data for optional field"
+                                type="button"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  className="svg-inline--fa fa-plus h-5 w-5"
+                                  data-icon="plus"
+                                  data-prefix="fas"
+                                  role="img"
+                                  viewBox="0 0 448 512"
                                 >
-                                  <ul
-                                    className="list-disc list-inside"
+                                  <path
+                                    d="M256 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 160-160 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160 160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0 0-160z"
+                                    fill="currentColor"
                                   />
-                                </div>
-                                <div
-                                  className="rjsf-field-help-template text-gray-500 text-sm"
-                                >
-                                  <div />
-                                </div>
-                              </div>
+                                </svg>
+                              </button>
                             </div>
                           </div>
+                          <div
+                            className="divider divider-primary my-0"
+                          />
+                        </div>
+                        <div
+                          className="flex flex-col gap-4"
+                        >
+                          <div
+                            className="rjsf-array-item-list"
+                          />
                         </div>
                       </div>
                       <div
@@ -7534,193 +7817,118 @@ exports[`single fields optional data controls shows "add" optional controls when
                 className="field-template mb-3 rjsf-field rjsf-field-undefined"
                 disabled={true}
               >
-                <label
-                  className="label"
-                  htmlFor="root_optionalObjectWithOneofs"
-                >
-                  <span
-                    className="label-text font-medium"
-                  >
-                    optionalObjectWithOneofs
-                  </span>
-                </label>
                 <div
                   className="p-4 border rounded-sm shadow-sm"
                 >
                   <div
                     className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-object"
                   >
                     <div
-                      className="form-control w-full"
+                      className="field-template mb-3 rjsf-field rjsf-field-object"
+                      disabled={true}
                     >
                       <div
-                        className="dropdown w-full"
+                        className="form-control "
                       >
                         <div
-                          className="btn btn-outline w-full text-left flex justify-between items-center btn-disabled"
-                          onBlur={[Function]}
-                          onFocus={[Function]}
-                          role="button"
-                          tabIndex={0}
+                          className="title-field mb-6"
+                          id="root_optionalObjectWithOneofs__title"
                         >
-                          <span
-                            className="truncate"
-                          >
-                            Option 1
-                          </span>
-                          <span
-                            className="ml-2"
+                          <h2
+                            className="text-3xl font-bold text-primary mb-2"
                           >
-                            ▼
-                          </span>
+                            optionalObjectWithOneofs
+                          </h2>
+                          <div
+                            className="divider divider-primary my-0"
+                          />
                         </div>
-                        <ul
-                          className="dropdown-content z-[1] bg-base-100 w-full max-h-60 overflow-auto rounded-box shadow-lg"
+                        <div
+                          className="grid grid-cols-1 gap-4 mb-4"
                         >
-                          <li
-                            className="px-4 py-2 hover:bg-base-200 cursor-pointer bg-primary/10"
-                            data-value={0}
-                            onClick={[Function]}
-                            role="button"
-                            tabIndex={0}
+                          <em
+                            id="root_optionalObjectWithOneofs__optionalMsg"
                           >
-                            <div
-                              className="flex items-center gap-2"
-                            >
-                              <span>
-                                Option 1
-                              </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>
-                                Option 2
-                              </span>
-                            </div>
-                          </li>
-                          <li
-                            className="px-4 py-2 hover:bg-base-200 cursor-pointer "
-                            data-value={2}
-                            onClick={[Function]}
-                            role="button"
-                            tabIndex={0}
-                          >
-                            <div
-                              className="flex items-center gap-2"
-                            >
-                              <span>
-                                Option 3
-                              </span>
-                            </div>
-                          </li>
-                        </ul>
+                            No data for optional field
+                          </em>
+                        </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>
+                <div
+                  className="rjsf-field-help-template text-gray-500 text-sm"
+                >
+                  <div />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className=""
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div
+                className="field-template mb-3 rjsf-field rjsf-field-undefined"
+                disabled={true}
+              >
+                <div
+                  className="p-4 border rounded-sm shadow-sm"
+                >
                   <div
-                    className="rjsf-field rjsf-field-object"
+                    className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-array"
                   >
                     <div
-                      className="field-template mb-3 rjsf-field rjsf-field-object"
+                      className="field-template mb-3 rjsf-field rjsf-field-array"
                       disabled={true}
                     >
                       <div
-                        className="form-control "
+                        className="array-field-template rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field"
                       >
                         <div
                           className="title-field mb-6"
-                          id="root_optionalObjectWithOneofs__title"
+                          id="root_optionalArrayWithAnyofs__title"
                         >
                           <h2
                             className="text-3xl font-bold text-primary mb-2"
                           >
-                            optionalObjectWithOneofs
+                            optionalArrayWithAnyofs
                           </h2>
                           <div
                             className="divider divider-primary my-0"
                           />
                         </div>
                         <div
-                          className="grid grid-cols-1 gap-4 mb-4"
+                          className="flex flex-col gap-4"
                         >
-                          <div
-                            className=""
+                          <em
+                            id="root_optionalArrayWithAnyofs__optionalMsg"
                           >
-                            <div
-                              className="rjsf-field rjsf-field-string"
-                            >
-                              <div
-                                className="field-template mb-3 rjsf-field rjsf-field-string"
-                                disabled={true}
-                              >
-                                <label
-                                  className="label"
-                                  htmlFor="root_optionalObjectWithOneofs_name"
-                                >
-                                  <span
-                                    className="label-text font-medium"
-                                  >
-                                    name
-                                  </span>
-                                </label>
-                                <div
-                                  className="form-control"
-                                >
-                                  <label
-                                    className="label hidden"
-                                    htmlFor="root_optionalObjectWithOneofs_name"
-                                    style={
-                                      {
-                                        "display": "none",
-                                      }
-                                    }
-                                  >
-                                    <span
-                                      className="label-text"
-                                    >
-                                      name
-                                    </span>
-                                  </label>
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="input input-bordered"
-                                    disabled={true}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
-                                </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>
+                            No data for optional field
+                          </em>
+                          <div
+                            className="rjsf-array-item-list"
+                          />
                         </div>
                       </div>
                       <div
diff --git a/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap b/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap
index bc3f55b2c0..29a4426c02 100644
--- a/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/fluentui-rc/test/__snapshots__/Form.test.tsx.snap
@@ -2180,6 +2180,166 @@ exports[`single fields optional data controls does not show optional controls wh
             </div>
           </div>
         </div>
+        <div
+          className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-undefined"
+          >
+            <div
+              className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+            >
+              <div
+                className="___vklq7w0_0000000 f3iy44f"
+              >
+                <div>
+                  <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-r3o__control"
+                      id="field-r3o__label"
+                    >
+                      optionalArrayWithAnyofs
+                    </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_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                        aria-expanded={false}
+                        aria-labelledby="field-r3o__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_optionalArrayWithAnyofs__anyof_select"
+                        name="root_optionalArrayWithAnyofs__anyof_select"
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        role="combobox"
+                        tabIndex={0}
+                        type="button"
+                        value="Option 1"
+                      >
+                        Option 1
+                        <span
+                          className="fui-Dropdown__expandIcon ___5y6ahy0_3cm10l0 f1ewtqcl fxkbij4 ftgm304 fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
+                        >
+                          <svg
+                            aria-hidden={true}
+                            className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                            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="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                          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>
+                </div>
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+                  >
+                    <div
+                      className="___12hmf4e_0000000 f2zxqi febqm8h"
+                      id="root_optionalArrayWithAnyofs__title"
+                    >
+                      <h5
+                        className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+                        style={
+                          {
+                            "marginBlock": 0,
+                          }
+                        }
+                      >
+                        optionalArrayWithAnyofs
+                      </h5>
+                      <div
+                        aria-orientation="horizontal"
+                        className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="fui-Flex ___7chxox0_17y04c0 f22iagw f1vx9l62 f4akndk fe5j3v"
+                    >
+                      <div
+                        className="fui-Flex ___1ncave0_cx496c0 f22iagw f9c4gz4"
+                      >
+                        <button
+                          className="fui-Button r1alrhcs rjsf-array-item-add ___1j82qye_10z14xp f18ktai2 fwbmr0d f44c6la"
+                          disabled={false}
+                          id="root_optionalArrayWithAnyofs__add"
+                          onClick={[Function]}
+                          title="Add Item"
+                          type="button"
+                        >
+                          <span
+                            className="fui-Button__icon rywnvv2"
+                          >
+                            <svg
+                              aria-hidden={true}
+                              className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                              fill="currentColor"
+                              height="1em"
+                              viewBox="0 0 20 20"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M10 2.5c.28 0 .5.22.5.5v6.5H17a.5.5 0 0 1 0 1h-6.5V17a.5.5 0 0 1-1 0v-6.5H3a.5.5 0 0 1 0-1h6.5V3c0-.28.22-.5.5-.5Z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -2948,8 +3108,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-r5v__control"
-                      id="field-r5v__label"
+                      htmlFor="field-r64__control"
+                      id="field-r64__label"
                     >
                       optionalObjectWithOneofs
                     </label>
@@ -2959,7 +3119,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-r5v__label"
+                        aria-labelledby="field-r64__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}
@@ -3095,59 +3255,6 @@ exports[`single fields optional data controls does not show optional controls wh
             </div>
           </div>
         </div>
-      </div>
-    </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 optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 1`] = `
-<form
-  className="rjsf"
-  noValidate={false}
-  onSubmit={[Function]}
->
-  <div
-    className="rjsf-field rjsf-field-object"
-  >
-    <div
-      className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
-    >
-      <div
-        className="___12hmf4e_0000000 f2zxqi febqm8h"
-        id="root__title"
-      >
-        <h5
-          className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
-          style={
-            {
-              "marginBlock": 0,
-            }
-          }
-        >
-          test
-        </h5>
-        <div
-          aria-orientation="horizontal"
-          className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
-          role="separator"
-        />
-      </div>
-      <div
-        className="fui-Flex ___2axmsj0_qpg1ts0 f22iagw f1vx9l62 fly5x3f f1l02sjl f16r77es"
-      >
         <div
           className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
           style={
@@ -3157,65 +3264,277 @@ exports[`single fields optional data controls shows "add" and "remove" optional
           }
         >
           <div
-            className="rjsf-field rjsf-field-object"
+            className="rjsf-field rjsf-field-undefined"
           >
             <div
               className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
             >
               <div
-                className="___12hmf4e_0000000 f2zxqi febqm8h"
-                id="root_nestedObjectOptional__title"
+                className="___vklq7w0_0000000 f3iy44f"
               >
-                <div
-                  className="fui-Flex ___1gzszts_10anl4a f22iagw"
-                >
+                <div>
                   <div
-                    className="fui-Flex ___1m6cf63_16dghpy f22iagw fly5x3f f1l02sjl"
+                    className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
                   >
-                    <h5
-                      className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
-                      style={
-                        {
-                          "marginBlock": 0,
-                        }
-                      }
+                    <label
+                      className="fui-Label fui-Field__label ___1r7nw7g_2qzl200 fk6fouc f19n0e5 fkhj508 f1i3iumi fclwglc fywfov9 fyacil5"
+                      htmlFor="field-r6a__control"
+                      id="field-r6a__label"
                     >
-                      nestedObjectOptional
-                    </h5>
-                  </div>
-                  <div
-                    className="fui-Flex ___1ncave0_cx496c0 f22iagw f9c4gz4"
-                  >
-                    <button
-                      className="fui-Button r1alrhcs rjsf-remove-optional-data ___d2i6ur0_1f7yp8q f17fgpbq fu97m5z ft85np5 fy9rknc figsok6 fwrc4pm fazmxh f1jt17bm"
-                      id="root_nestedObjectOptional__optionalRemove"
-                      onClick={[Function]}
-                      title="Remove data for optional field"
-                      type="button"
+                      optionalArrayWithAnyofs
+                    </label>
+                    <div
+                      className="fui-Dropdown form-control ___ey1gyi0_awxn260 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 f1c21dwh f4ikngz fy0fskl f15xbau f1jj8ep1 fhz96rm fdrzuqr fg455y9 f1rvyvqg f1cwzwz f14g86mu"
                     >
-                      <span
-                        className="fui-Button__icon rywnvv2 ___hix1za0_wgffxm0 fe5j1ua fjamq6b f64fuq3 fbaiahx"
+                      <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"
+                        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}
+                        id="root_optionalArrayWithAnyofs__anyof_select"
+                        name="root_optionalArrayWithAnyofs__anyof_select"
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        role="combobox"
+                        type="button"
+                        value="Option 1"
                       >
-                        <svg
-                          aria-hidden={true}
-                          className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
-                          fill="currentColor"
-                          height="1em"
-                          viewBox="0 0 20 20"
-                          width="1em"
-                          xmlns="http://www.w3.org/2000/svg"
+                        Option 1
+                        <span
+                          className="fui-Dropdown__expandIcon ___17rkae9_1u1ega5 f1ewtqcl f1s2aq7o ftgm304 fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
                         >
-                          <path
-                            d="M16 5.27V13a3 3 0 0 1-3 3H5.27c.34.6.99 1 1.73 1h6a4 4 0 0 0 4-4V7a2 2 0 0 0-1-1.73ZM11.5 9.5a.5.5 0 0 0 0-1h-5a.5.5 0 1 0 0 1h5ZM13 3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h8Zm1 2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5Z"
+                          <svg
+                            aria-hidden={true}
+                            className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
                             fill="currentColor"
-                          />
-                        </svg>
-                      </span>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  aria-orientation="horizontal"
+                            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 ___1u8b2fc_1lnie44 f1ewtqcl f1s2aq7o fjseox fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
+                        onClick={[Function]}
+                        type="button"
+                      >
+                        <svg
+                          aria-hidden={true}
+                          className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                          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>
+                </div>
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+                  >
+                    <div
+                      className="___12hmf4e_0000000 f2zxqi febqm8h"
+                      id="root_optionalArrayWithAnyofs__title"
+                    >
+                      <h5
+                        className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+                        style={
+                          {
+                            "marginBlock": 0,
+                          }
+                        }
+                      >
+                        optionalArrayWithAnyofs
+                      </h5>
+                      <div
+                        aria-orientation="horizontal"
+                        className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="fui-Flex ___7chxox0_17y04c0 f22iagw f1vx9l62 f4akndk fe5j3v"
+                    >
+                      <div
+                        className="fui-Flex ___1ncave0_cx496c0 f22iagw f9c4gz4"
+                      >
+                        <button
+                          className="fui-Button r1alrhcs rjsf-array-item-add ___7dg0yg0_z1vqji0 f1bg9a2p f1jj8ep1 f15xbau f4ikngz fy0fskl f1s2aq7o fdrzuqr f15x8b5r f1falr9n f12mpcsy f1gwvigk f1jnshp0 f18rmfxp fvgxktp fphbwmw f19vpps7 fv5swzo f1al02dq f1t6o4dc f10ztigi f1ft5sdu f12zbtn2 f1gzf82w fcvwxyo f8w4c43 f1ol4fw6 f1q1lw4e f1dwjv2g f4lkoma fg455y9 f1rvyvqg f1cwzwz f14g86mu f1dcs8yz fuigjrg fjwq6ea f1lr3nhc fn5gmvv f1mbxvi6 f1vmkb5g f53ppgq f1663y11 f18v5270 f80fkiy f1kc2mi9 f4dhi0o f1y0svfh fihuait fnxhupq fx507ft fyd6l6x fb3rf2x fequ9m0 f18ktai2 fwbmr0d f44c6la"
+                          disabled={true}
+                          id="root_optionalArrayWithAnyofs__add"
+                          onClick={[Function]}
+                          title="Add Item"
+                          type="button"
+                        >
+                          <span
+                            className="fui-Button__icon rywnvv2"
+                          >
+                            <svg
+                              aria-hidden={true}
+                              className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                              fill="currentColor"
+                              height="1em"
+                              viewBox="0 0 20 20"
+                              width="1em"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M10 2.5c.28 0 .5.22.5.5v6.5H17a.5.5 0 0 1 0 1h-6.5V17a.5.5 0 0 1-1 0v-6.5H3a.5.5 0 0 1 0-1h6.5V3c0-.28.22-.5.5-.5Z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </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 optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 1`] = `
+<form
+  className="rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-object"
+  >
+    <div
+      className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+    >
+      <div
+        className="___12hmf4e_0000000 f2zxqi febqm8h"
+        id="root__title"
+      >
+        <h5
+          className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+          style={
+            {
+              "marginBlock": 0,
+            }
+          }
+        >
+          test
+        </h5>
+        <div
+          aria-orientation="horizontal"
+          className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
+          role="separator"
+        />
+      </div>
+      <div
+        className="fui-Flex ___2axmsj0_qpg1ts0 f22iagw f1vx9l62 fly5x3f f1l02sjl f16r77es"
+      >
+        <div
+          className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-object"
+          >
+            <div
+              className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+            >
+              <div
+                className="___12hmf4e_0000000 f2zxqi febqm8h"
+                id="root_nestedObjectOptional__title"
+              >
+                <div
+                  className="fui-Flex ___1gzszts_10anl4a f22iagw"
+                >
+                  <div
+                    className="fui-Flex ___1m6cf63_16dghpy f22iagw fly5x3f f1l02sjl"
+                  >
+                    <h5
+                      className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+                      style={
+                        {
+                          "marginBlock": 0,
+                        }
+                      }
+                    >
+                      nestedObjectOptional
+                    </h5>
+                  </div>
+                  <div
+                    className="fui-Flex ___1ncave0_cx496c0 f22iagw f9c4gz4"
+                  >
+                    <button
+                      className="fui-Button r1alrhcs rjsf-remove-optional-data ___d2i6ur0_1f7yp8q f17fgpbq fu97m5z ft85np5 fy9rknc figsok6 fwrc4pm fazmxh f1jt17bm"
+                      id="root_nestedObjectOptional__optionalRemove"
+                      onClick={[Function]}
+                      title="Remove data for optional field"
+                      type="button"
+                    >
+                      <span
+                        className="fui-Button__icon rywnvv2 ___hix1za0_wgffxm0 fe5j1ua fjamq6b f64fuq3 fbaiahx"
+                      >
+                        <svg
+                          aria-hidden={true}
+                          className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                          fill="currentColor"
+                          height="1em"
+                          viewBox="0 0 20 20"
+                          width="1em"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M16 5.27V13a3 3 0 0 1-3 3H5.27c.34.6.99 1 1.73 1h6a4 4 0 0 0 4-4V7a2 2 0 0 0-1-1.73ZM11.5 9.5a.5.5 0 0 0 0-1h-5a.5.5 0 1 0 0 1h5ZM13 3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h8Zm1 2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5Z"
+                            fill="currentColor"
+                          />
+                        </svg>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+                <div
+                  aria-orientation="horizontal"
                   className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
                   role="separator"
                 />
@@ -4017,154 +4336,165 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               <div
                 className="___vklq7w0_0000000 f3iy44f"
               >
-                <div>
+                <div />
+                <div
+                  className="rjsf-field rjsf-field-object"
+                >
                   <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-r51__control"
-                      id="field-r51__label"
-                    >
-                      optionalObjectWithOneofs
-                    </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"
+                      className="___12hmf4e_0000000 f2zxqi febqm8h"
+                      id="root_optionalObjectWithOneofs__title"
                     >
-                      <button
-                        aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                        aria-expanded={false}
-                        aria-labelledby="field-r51__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_optionalObjectWithOneofs__oneof_select"
-                        name="root_optionalObjectWithOneofs__oneof_select"
-                        onBlur={[Function]}
-                        onClick={[Function]}
-                        onFocus={[Function]}
-                        onKeyDown={[Function]}
-                        role="combobox"
-                        tabIndex={0}
-                        type="button"
-                        value="Option 1"
+                      <div
+                        className="fui-Flex ___1gzszts_10anl4a f22iagw"
                       >
-                        Option 1
-                        <span
-                          className="fui-Dropdown__expandIcon ___5y6ahy0_3cm10l0 f1ewtqcl fxkbij4 ftgm304 fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
+                        <div
+                          className="fui-Flex ___1m6cf63_16dghpy f22iagw fly5x3f f1l02sjl"
                         >
-                          <svg
-                            aria-hidden={true}
-                            className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
-                            fill="currentColor"
-                            height="1em"
-                            viewBox="0 0 20 20"
-                            width="1em"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <h5
+                            className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+                            style={
+                              {
+                                "marginBlock": 0,
+                              }
+                            }
                           >
-                            <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="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
-                          fill="currentColor"
-                          height="1em"
-                          viewBox="0 0 20 20"
-                          width="1em"
-                          xmlns="http://www.w3.org/2000/svg"
+                            optionalObjectWithOneofs
+                          </h5>
+                        </div>
+                        <div
+                          className="fui-Flex ___1ncave0_cx496c0 f22iagw f9c4gz4"
                         >
-                          <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>
+                          <button
+                            className="fui-Button r1alrhcs rjsf-add-optional-data ___d2i6ur0_1f7yp8q f17fgpbq fu97m5z ft85np5 fy9rknc figsok6 fwrc4pm fazmxh f1jt17bm"
+                            id="root_optionalObjectWithOneofs__optionalAdd"
+                            onClick={[Function]}
+                            title="Add data for optional field"
+                            type="button"
+                          >
+                            <span
+                              className="fui-Button__icon rywnvv2 ___hix1za0_wgffxm0 fe5j1ua fjamq6b f64fuq3 fbaiahx"
+                            >
+                              <svg
+                                aria-hidden={true}
+                                className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                                fill="currentColor"
+                                height="1em"
+                                viewBox="0 0 20 20"
+                                width="1em"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M16 5.27V13a3 3 0 0 1-3 3H5.27c.34.6.99 1 1.73 1h6a4 4 0 0 0 4-4V7a2 2 0 0 0-1-1.73ZM11.5 9.5a.5.5 0 0 0 0-1h-2v-2a.5.5 0 1 0-1 0v2h-2a.5.5 0 0 0 0 1h2v2a.5.5 0 0 0 1 0v-2h2ZM13 3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h8Zm1 2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                            </span>
+                          </button>
+                        </div>
+                      </div>
+                      <div
+                        aria-orientation="horizontal"
+                        className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
+                        role="separator"
+                      />
                     </div>
+                    <div
+                      className="fui-Flex ___2axmsj0_qpg1ts0 f22iagw f1vx9l62 fly5x3f f1l02sjl f16r77es"
+                    />
                   </div>
                 </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-undefined"
+          >
+            <div
+              className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+            >
+              <div
+                className="___vklq7w0_0000000 f3iy44f"
+              >
+                <div />
                 <div
-                  className="rjsf-field rjsf-field-object"
+                  className="rjsf-field rjsf-field-array"
                 >
                   <div
                     className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
                   >
                     <div
                       className="___12hmf4e_0000000 f2zxqi febqm8h"
-                      id="root_optionalObjectWithOneofs__title"
-                    >
-                      <h5
-                        className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
-                        style={
-                          {
-                            "marginBlock": 0,
-                          }
-                        }
-                      >
-                        optionalObjectWithOneofs
-                      </h5>
-                      <div
-                        aria-orientation="horizontal"
-                        className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
-                        role="separator"
-                      />
-                    </div>
-                    <div
-                      className="fui-Flex ___2axmsj0_qpg1ts0 f22iagw f1vx9l62 fly5x3f f1l02sjl f16r77es"
+                      id="root_optionalArrayWithAnyofs__title"
                     >
                       <div
-                        className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
-                        style={
-                          {
-                            "marginBottom": "10px",
-                          }
-                        }
+                        className="fui-Flex ___1gzszts_10anl4a f22iagw"
                       >
                         <div
-                          className="rjsf-field rjsf-field-string"
+                          className="fui-Flex ___1m6cf63_16dghpy f22iagw fly5x3f f1l02sjl"
                         >
-                          <div
-                            className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+                          <h5
+                            className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+                            style={
+                              {
+                                "marginBlock": 0,
+                              }
+                            }
+                          >
+                            optionalArrayWithAnyofs
+                          </h5>
+                        </div>
+                        <div
+                          className="fui-Flex ___1ncave0_cx496c0 f22iagw f9c4gz4"
+                        >
+                          <button
+                            className="fui-Button r1alrhcs rjsf-add-optional-data ___d2i6ur0_1f7yp8q f17fgpbq fu97m5z ft85np5 fy9rknc figsok6 fwrc4pm fazmxh f1jt17bm"
+                            id="root_optionalArrayWithAnyofs__optionalAdd"
+                            onClick={[Function]}
+                            title="Add data for optional field"
+                            type="button"
                           >
-                            <label
-                              className="fui-Label ___zkh2gz0_1ef3qts fk6fouc f19n0e5 fkhj508 f1i3iumi fq1loh5 futqtb8 f14rdt9"
-                              htmlFor="root_optionalObjectWithOneofs_name"
-                            >
-                              name
-                            </label>
                             <span
-                              className="fui-Input r1oeeo9n ___yxsf370_rc74k80 fdrzuqr f1c21dwh f1jj8ep1 f15xbau f4ikngz fy0fskl fg455y9 f1rvyvqg f1cwzwz f14g86mu fhr9occ f99w1ws"
+                              className="fui-Button__icon rywnvv2 ___hix1za0_wgffxm0 fe5j1ua fjamq6b f64fuq3 fbaiahx"
                             >
-                              <input
-                                aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                autoFocus={false}
-                                className="fui-Input__input r12stul0 ___yujd800_1sg4u0d f1s2aq7o f1c21dwh fdrzuqr fahhnxm fly5x3f"
-                                disabled={true}
-                                id="root_optionalObjectWithOneofs_name"
-                                name="root_optionalObjectWithOneofs_name"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                placeholder=""
-                                required={false}
-                                type="text"
-                                value=""
-                              />
+                              <svg
+                                aria-hidden={true}
+                                className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                                fill="currentColor"
+                                height="1em"
+                                viewBox="0 0 20 20"
+                                width="1em"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M16 5.27V13a3 3 0 0 1-3 3H5.27c.34.6.99 1 1.73 1h6a4 4 0 0 0 4-4V7a2 2 0 0 0-1-1.73ZM11.5 9.5a.5.5 0 0 0 0-1h-2v-2a.5.5 0 1 0-1 0v2h-2a.5.5 0 0 0 0 1h2v2a.5.5 0 0 0 1 0v-2h2ZM13 3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h8Zm1 2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
                             </span>
-                          </div>
+                          </button>
                         </div>
                       </div>
+                      <div
+                        aria-orientation="horizontal"
+                        className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
+                        role="separator"
+                      />
                     </div>
+                    <div
+                      className="fui-Flex ___7chxox0_17y04c0 f22iagw f1vx9l62 f4akndk fe5j3v"
+                    />
                   </div>
                 </div>
               </div>
@@ -4953,81 +5283,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               <div
                 className="___vklq7w0_0000000 f3iy44f"
               >
-                <div>
-                  <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-r7e__control"
-                      id="field-r7e__label"
-                    >
-                      optionalObjectWithOneofs
-                    </label>
-                    <div
-                      className="fui-Dropdown form-control ___ey1gyi0_awxn260 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 f1c21dwh f4ikngz fy0fskl f15xbau f1jj8ep1 fhz96rm fdrzuqr fg455y9 f1rvyvqg f1cwzwz f14g86mu"
-                    >
-                      <button
-                        aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                        aria-expanded={false}
-                        aria-labelledby="field-r7e__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}
-                        id="root_optionalObjectWithOneofs__oneof_select"
-                        name="root_optionalObjectWithOneofs__oneof_select"
-                        onBlur={[Function]}
-                        onClick={[Function]}
-                        onFocus={[Function]}
-                        onKeyDown={[Function]}
-                        role="combobox"
-                        type="button"
-                        value="Option 1"
-                      >
-                        Option 1
-                        <span
-                          className="fui-Dropdown__expandIcon ___17rkae9_1u1ega5 f1ewtqcl f1s2aq7o ftgm304 fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
-                            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 ___1u8b2fc_1lnie44 f1ewtqcl f1s2aq7o fjseox fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
-                        onClick={[Function]}
-                        type="button"
-                      >
-                        <svg
-                          aria-hidden={true}
-                          className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
-                          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>
-                </div>
+                <div />
                 <div
                   className="rjsf-field rjsf-field-object"
                 >
@@ -5057,48 +5313,70 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                     <div
                       className="fui-Flex ___2axmsj0_qpg1ts0 f22iagw f1vx9l62 fly5x3f f1l02sjl f16r77es"
                     >
-                      <div
-                        className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
-                        style={
-                          {
-                            "marginBottom": "10px",
-                          }
-                        }
+                      <em
+                        id="root_optionalObjectWithOneofs__optionalMsg"
                       >
-                        <div
-                          className="rjsf-field rjsf-field-string"
-                        >
-                          <div
-                            className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
-                          >
-                            <label
-                              className="fui-Label ___zkh2gz0_1ef3qts fk6fouc f19n0e5 fkhj508 f1i3iumi fq1loh5 futqtb8 f14rdt9"
-                              htmlFor="root_optionalObjectWithOneofs_name"
-                            >
-                              name
-                            </label>
-                            <span
-                              className="fui-Input r1oeeo9n ___yxsf370_rc74k80 fdrzuqr f1c21dwh f1jj8ep1 f15xbau f4ikngz fy0fskl fg455y9 f1rvyvqg f1cwzwz f14g86mu fhr9occ f99w1ws"
-                            >
-                              <input
-                                aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                autoFocus={false}
-                                className="fui-Input__input r12stul0 ___yujd800_1sg4u0d f1s2aq7o f1c21dwh fdrzuqr fahhnxm fly5x3f"
-                                disabled={true}
-                                id="root_optionalObjectWithOneofs_name"
-                                name="root_optionalObjectWithOneofs_name"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                placeholder=""
-                                required={false}
-                                type="text"
-                                value=""
-                              />
-                            </span>
-                          </div>
-                        </div>
-                      </div>
+                        No data for optional field
+                      </em>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-undefined"
+          >
+            <div
+              className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+            >
+              <div
+                className="___vklq7w0_0000000 f3iy44f"
+              >
+                <div />
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+                  >
+                    <div
+                      className="___12hmf4e_0000000 f2zxqi febqm8h"
+                      id="root_optionalArrayWithAnyofs__title"
+                    >
+                      <h5
+                        className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+                        style={
+                          {
+                            "marginBlock": 0,
+                          }
+                        }
+                      >
+                        optionalArrayWithAnyofs
+                      </h5>
+                      <div
+                        aria-orientation="horizontal"
+                        className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="fui-Flex ___7chxox0_17y04c0 f22iagw f1vx9l62 f4akndk fe5j3v"
+                    >
+                      <em
+                        id="root_optionalArrayWithAnyofs__optionalMsg"
+                      >
+                        No data for optional field
+                      </em>
                     </div>
                   </div>
                 </div>
@@ -5487,82 +5765,7 @@ exports[`single fields optional data controls shows "add" optional controls when
               <div
                 className="___vklq7w0_0000000 f3iy44f"
               >
-                <div>
-                  <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-r43__control"
-                      id="field-r43__label"
-                    >
-                      optionalObjectWithOneofs
-                    </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_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                        aria-expanded={false}
-                        aria-labelledby="field-r43__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_optionalObjectWithOneofs__oneof_select"
-                        name="root_optionalObjectWithOneofs__oneof_select"
-                        onBlur={[Function]}
-                        onClick={[Function]}
-                        onFocus={[Function]}
-                        onKeyDown={[Function]}
-                        role="combobox"
-                        tabIndex={0}
-                        type="button"
-                        value="Option 1"
-                      >
-                        Option 1
-                        <span
-                          className="fui-Dropdown__expandIcon ___5y6ahy0_3cm10l0 f1ewtqcl fxkbij4 ftgm304 fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
-                            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="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
-                          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>
-                </div>
+                <div />
                 <div
                   className="rjsf-field rjsf-field-object"
                 >
@@ -5573,16 +5776,54 @@ exports[`single fields optional data controls shows "add" optional controls when
                       className="___12hmf4e_0000000 f2zxqi febqm8h"
                       id="root_optionalObjectWithOneofs__title"
                     >
-                      <h5
-                        className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
-                        style={
-                          {
-                            "marginBlock": 0,
-                          }
-                        }
+                      <div
+                        className="fui-Flex ___1gzszts_10anl4a f22iagw"
                       >
-                        optionalObjectWithOneofs
-                      </h5>
+                        <div
+                          className="fui-Flex ___1m6cf63_16dghpy f22iagw fly5x3f f1l02sjl"
+                        >
+                          <h5
+                            className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+                            style={
+                              {
+                                "marginBlock": 0,
+                              }
+                            }
+                          >
+                            optionalObjectWithOneofs
+                          </h5>
+                        </div>
+                        <div
+                          className="fui-Flex ___1ncave0_cx496c0 f22iagw f9c4gz4"
+                        >
+                          <button
+                            className="fui-Button r1alrhcs rjsf-add-optional-data ___d2i6ur0_1f7yp8q f17fgpbq fu97m5z ft85np5 fy9rknc figsok6 fwrc4pm fazmxh f1jt17bm"
+                            id="root_optionalObjectWithOneofs__optionalAdd"
+                            onClick={[Function]}
+                            title="Add data for optional field"
+                            type="button"
+                          >
+                            <span
+                              className="fui-Button__icon rywnvv2 ___hix1za0_wgffxm0 fe5j1ua fjamq6b f64fuq3 fbaiahx"
+                            >
+                              <svg
+                                aria-hidden={true}
+                                className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                                fill="currentColor"
+                                height="1em"
+                                viewBox="0 0 20 20"
+                                width="1em"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M16 5.27V13a3 3 0 0 1-3 3H5.27c.34.6.99 1 1.73 1h6a4 4 0 0 0 4-4V7a2 2 0 0 0-1-1.73ZM11.5 9.5a.5.5 0 0 0 0-1h-2v-2a.5.5 0 1 0-1 0v2h-2a.5.5 0 0 0 0 1h2v2a.5.5 0 0 0 1 0v-2h2ZM13 3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h8Zm1 2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
+                            </span>
+                          </button>
+                        </div>
+                      </div>
                       <div
                         aria-orientation="horizontal"
                         className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
@@ -5591,50 +5832,98 @@ exports[`single fields optional data controls shows "add" optional controls when
                     </div>
                     <div
                       className="fui-Flex ___2axmsj0_qpg1ts0 f22iagw f1vx9l62 fly5x3f f1l02sjl f16r77es"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-undefined"
+          >
+            <div
+              className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+            >
+              <div
+                className="___vklq7w0_0000000 f3iy44f"
+              >
+                <div />
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+                  >
+                    <div
+                      className="___12hmf4e_0000000 f2zxqi febqm8h"
+                      id="root_optionalArrayWithAnyofs__title"
                     >
                       <div
-                        className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
-                        style={
-                          {
-                            "marginBottom": "10px",
-                          }
-                        }
+                        className="fui-Flex ___1gzszts_10anl4a f22iagw"
                       >
                         <div
-                          className="rjsf-field rjsf-field-string"
+                          className="fui-Flex ___1m6cf63_16dghpy f22iagw fly5x3f f1l02sjl"
                         >
-                          <div
-                            className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+                          <h5
+                            className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+                            style={
+                              {
+                                "marginBlock": 0,
+                              }
+                            }
+                          >
+                            optionalArrayWithAnyofs
+                          </h5>
+                        </div>
+                        <div
+                          className="fui-Flex ___1ncave0_cx496c0 f22iagw f9c4gz4"
+                        >
+                          <button
+                            className="fui-Button r1alrhcs rjsf-add-optional-data ___d2i6ur0_1f7yp8q f17fgpbq fu97m5z ft85np5 fy9rknc figsok6 fwrc4pm fazmxh f1jt17bm"
+                            id="root_optionalArrayWithAnyofs__optionalAdd"
+                            onClick={[Function]}
+                            title="Add data for optional field"
+                            type="button"
                           >
-                            <label
-                              className="fui-Label ___zkh2gz0_1ef3qts fk6fouc f19n0e5 fkhj508 f1i3iumi fq1loh5 futqtb8 f14rdt9"
-                              htmlFor="root_optionalObjectWithOneofs_name"
-                            >
-                              name
-                            </label>
                             <span
-                              className="fui-Input r1oeeo9n ___yxsf370_rc74k80 fdrzuqr f1c21dwh f1jj8ep1 f15xbau f4ikngz fy0fskl fg455y9 f1rvyvqg f1cwzwz f14g86mu fhr9occ f99w1ws"
+                              className="fui-Button__icon rywnvv2 ___hix1za0_wgffxm0 fe5j1ua fjamq6b f64fuq3 fbaiahx"
                             >
-                              <input
-                                aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                autoFocus={false}
-                                className="fui-Input__input r12stul0 ___yujd800_1sg4u0d f1s2aq7o f1c21dwh fdrzuqr fahhnxm fly5x3f"
-                                disabled={true}
-                                id="root_optionalObjectWithOneofs_name"
-                                name="root_optionalObjectWithOneofs_name"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                placeholder=""
-                                required={false}
-                                type="text"
-                                value=""
-                              />
+                              <svg
+                                aria-hidden={true}
+                                className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
+                                fill="currentColor"
+                                height="1em"
+                                viewBox="0 0 20 20"
+                                width="1em"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M16 5.27V13a3 3 0 0 1-3 3H5.27c.34.6.99 1 1.73 1h6a4 4 0 0 0 4-4V7a2 2 0 0 0-1-1.73ZM11.5 9.5a.5.5 0 0 0 0-1h-2v-2a.5.5 0 1 0-1 0v2h-2a.5.5 0 0 0 0 1h2v2a.5.5 0 0 0 1 0v-2h2ZM13 3a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h8Zm1 2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V5Z"
+                                  fill="currentColor"
+                                />
+                              </svg>
                             </span>
-                          </div>
+                          </button>
                         </div>
                       </div>
+                      <div
+                        aria-orientation="horizontal"
+                        className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
+                        role="separator"
+                      />
                     </div>
+                    <div
+                      className="fui-Flex ___7chxox0_17y04c0 f22iagw f1vx9l62 f4akndk fe5j3v"
+                    />
                   </div>
                 </div>
               </div>
@@ -5958,90 +6247,75 @@ exports[`single fields optional data controls shows "add" optional controls when
               <div
                 className="___vklq7w0_0000000 f3iy44f"
               >
-                <div>
+                <div />
+                <div
+                  className="rjsf-field rjsf-field-object"
+                >
                   <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-r6g__control"
-                      id="field-r6g__label"
-                    >
-                      optionalObjectWithOneofs
-                    </label>
                     <div
-                      className="fui-Dropdown form-control ___ey1gyi0_awxn260 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 f1c21dwh f4ikngz fy0fskl f15xbau f1jj8ep1 fhz96rm fdrzuqr fg455y9 f1rvyvqg f1cwzwz f14g86mu"
+                      className="___12hmf4e_0000000 f2zxqi febqm8h"
+                      id="root_optionalObjectWithOneofs__title"
                     >
-                      <button
-                        aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                        aria-expanded={false}
-                        aria-labelledby="field-r6g__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}
-                        id="root_optionalObjectWithOneofs__oneof_select"
-                        name="root_optionalObjectWithOneofs__oneof_select"
-                        onBlur={[Function]}
-                        onClick={[Function]}
-                        onFocus={[Function]}
-                        onKeyDown={[Function]}
-                        role="combobox"
-                        type="button"
-                        value="Option 1"
+                      <h5
+                        className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
+                        style={
+                          {
+                            "marginBlock": 0,
+                          }
+                        }
                       >
-                        Option 1
-                        <span
-                          className="fui-Dropdown__expandIcon ___17rkae9_1u1ega5 f1ewtqcl f1s2aq7o ftgm304 fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
-                            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 ___1u8b2fc_1lnie44 f1ewtqcl f1s2aq7o fjseox fe5j1ua f12w6cgp f8bv1bt fvc9v3g f1h9en5y"
-                        onClick={[Function]}
-                        type="button"
+                        optionalObjectWithOneofs
+                      </h5>
+                      <div
+                        aria-orientation="horizontal"
+                        className="fui-Divider ___14drqcq_z8b5q40 f122n59 f1ewtqcl f22iagw f1063pyq fqerorx f10pi13n fk6fouc fy9rknc figsok6 fwrc4pm f17mccla fyl8oag f16vkdww fhsnbul f1gw3sf2 f1ly5f7u f1s3tz6t f1wl9k8s f13zj6fq fkfq4zb f1vccso1 f1geml7w f1r7kh1m fjml6kk f16j7guv fx01ahm fl8d8yv fj1a37q fly5x3f f163fonl f51yk4v f13rof3u f8rth92 f6czdpx f1iyka9k fzynn9s fekrn8e f1kyqvp9 fesgyo"
+                        role="separator"
+                      />
+                    </div>
+                    <div
+                      className="fui-Flex ___2axmsj0_qpg1ts0 f22iagw f1vx9l62 fly5x3f f1l02sjl f16r77es"
+                    >
+                      <em
+                        id="root_optionalObjectWithOneofs__optionalMsg"
                       >
-                        <svg
-                          aria-hidden={true}
-                          className="___12fm75w_1fmvgpr f1w7gpdv fez10in fg4l7m0"
-                          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>
+                        No data for optional field
+                      </em>
                     </div>
                   </div>
                 </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="rjsf-field rjsf-field-undefined"
+          >
+            <div
+              className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
+            >
+              <div
+                className="___vklq7w0_0000000 f3iy44f"
+              >
+                <div />
                 <div
-                  className="rjsf-field rjsf-field-object"
+                  className="rjsf-field rjsf-field-array"
                 >
                   <div
                     className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
                   >
                     <div
                       className="___12hmf4e_0000000 f2zxqi febqm8h"
-                      id="root_optionalObjectWithOneofs__title"
+                      id="root_optionalArrayWithAnyofs__title"
                     >
                       <h5
                         className="fui-Text ___1bmgkdy_1xttbln fk6fouc f1x0m3f5 fb86gi6 figsok6 fpgzoln f1w7gpdv f6juhto f1gl81tg f2jf649"
@@ -6051,7 +6325,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                           }
                         }
                       >
-                        optionalObjectWithOneofs
+                        optionalArrayWithAnyofs
                       </h5>
                       <div
                         aria-orientation="horizontal"
@@ -6060,50 +6334,13 @@ exports[`single fields optional data controls shows "add" optional controls when
                       />
                     </div>
                     <div
-                      className="fui-Flex ___2axmsj0_qpg1ts0 f22iagw f1vx9l62 fly5x3f f1l02sjl f16r77es"
+                      className="fui-Flex ___7chxox0_17y04c0 f22iagw f1vx9l62 f4akndk fe5j3v"
                     >
-                      <div
-                        className="fui-Flex ___13jx0ny_nlbnai0 f22iagw f1vx9l62 fly5x3f f1l02sjl"
-                        style={
-                          {
-                            "marginBottom": "10px",
-                          }
-                        }
+                      <em
+                        id="root_optionalArrayWithAnyofs__optionalMsg"
                       >
-                        <div
-                          className="rjsf-field rjsf-field-string"
-                        >
-                          <div
-                            className="fui-Field ___keyyzl0_1dbn5sh f13qh94s"
-                          >
-                            <label
-                              className="fui-Label ___1rhw8bu_3dzlvz0 fk6fouc f1s2aq7o f1dcs8yz fkhj508 f1i3iumi fq1loh5 futqtb8 f14rdt9"
-                              htmlFor="root_optionalObjectWithOneofs_name"
-                            >
-                              name
-                            </label>
-                            <span
-                              className="fui-Input r1oeeo9n ___yxsf370_rc74k80 fdrzuqr f1c21dwh f1jj8ep1 f15xbau f4ikngz fy0fskl fg455y9 f1rvyvqg f1cwzwz f14g86mu fhr9occ f99w1ws"
-                            >
-                              <input
-                                aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                autoFocus={false}
-                                className="fui-Input__input r12stul0 ___yujd800_1sg4u0d f1s2aq7o f1c21dwh fdrzuqr fahhnxm fly5x3f"
-                                disabled={true}
-                                id="root_optionalObjectWithOneofs_name"
-                                name="root_optionalObjectWithOneofs_name"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                placeholder=""
-                                required={false}
-                                type="text"
-                                value=""
-                              />
-                            </span>
-                          </div>
-                        </div>
-                      </div>
+                        No data for optional field
+                      </em>
                     </div>
                   </div>
                 </div>
diff --git a/packages/mantine/test/__snapshots__/Form.test.tsx.snap b/packages/mantine/test/__snapshots__/Form.test.tsx.snap
index 307ca0c7c2..174974e1fa 100644
--- a/packages/mantine/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/mantine/test/__snapshots__/Form.test.tsx.snap
@@ -6984,169 +6984,6 @@ exports[`single fields optional data controls does not show optional controls wh
                     "type": "div",
                     Symbol(cleaned): true,
                   },
-                ],
-                "props": {
-                  "className": "m_2415a157 __m__-rh9",
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "size": undefined,
-                  "style": {
-                    "marginBottom": "var(--mantine-spacing-sm)",
-                  },
-                },
-                "type": "div",
-                Symbol(cleaned): true,
-              },
-            ],
-            "props": {
-              "className": "m_7485cace",
-              "data-size": undefined,
-              "data-strategy": "block",
-              "data-variant": undefined,
-              "id": "root",
-              "size": undefined,
-              "style": {
-                "padding": "0rem",
-              },
-            },
-            "type": "div",
-            Symbol(cleaned): true,
-          },
-        ],
-        "props": {
-          "className": "rjsf-field rjsf-field-object",
-          "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 optional data controls does not show optional controls when not turned on in uiSchema, readonly and no formData 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_8a5d1357",
-                  "data-order": 3,
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "id": "root__title",
-                  "size": undefined,
-                  "style": {
-                    "--title-fw": "var(--mantine-h3-font-weight)",
-                    "--title-fz": "var(--mantine-h3-font-size)",
-                    "--title-lh": "var(--mantine-h3-line-height)",
-                    "fontWeight": "normal",
-                  },
-                },
-                "type": "h3",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": null,
-                "props": {
-                  "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rrl{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                  },
-                  "data-mantine-styles": "inline",
-                  "nonce": undefined,
-                },
-                "type": "style",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": [
                   {
                     "children": [
                       {
@@ -7155,172 +6992,127 @@ exports[`single fields optional data controls does not show optional controls wh
                             "children": [
                               {
                                 "children": [
-                                  "nestedObjectOptional",
-                                ],
-                                "props": {
-                                  "className": "m_8a5d1357",
-                                  "data-order": 3,
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "id": "root_nestedObjectOptional__title",
-                                  "size": undefined,
-                                  "style": {
-                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                    "fontWeight": "normal",
-                                  },
-                                },
-                                "type": "h3",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rrq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  {
+                                    "children": [
+                                      "optionalArrayWithAnyofs",
+                                    ],
+                                    "props": {
+                                      "className": "m_8fdc1311",
+                                      "data-size": "sm",
+                                      "data-variant": undefined,
+                                      "htmlFor": "root_optionalArrayWithAnyofs__anyof_select",
+                                      "id": "root_optionalArrayWithAnyofs__anyof_select-label",
+                                      "onMouseDown": [Function],
+                                      "size": undefined,
+                                      "style": {
+                                        "--input-label-size": "var(--mantine-font-size-sm)",
+                                      },
+                                    },
+                                    "type": "label",
+                                    Symbol(cleaned): true,
                                   },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
-                                },
-                                "type": "style",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
                                   {
                                     "children": [
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "aria-describedby": undefined,
+                                          "aria-haspopup": "listbox",
+                                          "aria-invalid": false,
+                                          "autoComplete": "off",
+                                          "className": "m_8fb7ebe7",
+                                          "data-size": undefined,
+                                          "data-variant": "default",
+                                          "disabled": false,
+                                          "id": "root_optionalArrayWithAnyofs__anyof_select",
+                                          "onBlur": [Function],
+                                          "onChange": [Function],
+                                          "onClick": [Function],
+                                          "onFocus": [Function],
+                                          "onKeyDown": [Function],
+                                          "readOnly": false,
+                                          "required": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                          "value": "Option 1",
+                                        },
+                                        "type": "input",
+                                        Symbol(cleaned): true,
+                                      },
                                       {
                                         "children": [
                                           {
                                             "children": [
                                               {
-                                                "children": [
-                                                  "test",
-                                                ],
+                                                "children": null,
                                                 "props": {
-                                                  "className": "m_8fdc1311",
-                                                  "data-size": "sm",
-                                                  "data-variant": undefined,
-                                                  "htmlFor": "root_nestedObjectOptional_test",
-                                                  "id": "root_nestedObjectOptional_test-label",
-                                                  "onMouseDown": [Function],
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--input-label-size": "var(--mantine-font-size-sm)",
-                                                  },
+                                                  "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": "label",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": null,
-                                                    "props": {
-                                                      "aria-describedby": undefined,
-                                                      "aria-invalid": false,
-                                                      "autoFocus": false,
-                                                      "className": "m_8fb7ebe7",
-                                                      "data-disabled": true,
-                                                      "data-size": undefined,
-                                                      "data-variant": "default",
-                                                      "disabled": true,
-                                                      "id": "root_nestedObjectOptional_test",
-                                                      "name": "root_nestedObjectOptional_test",
-                                                      "placeholder": "",
-                                                      "required": false,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                      "type": "text",
-                                                    },
-                                                    "type": "input",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "m_6c018570",
-                                                  "data-disabled": true,
-                                                  "data-size": "sm",
-                                                  "data-variant": "default",
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                    "--input-height": "var(--input-height-sm)",
-                                                  },
-                                                },
-                                                "type": "div",
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_46b77525",
-                                              "data-size": "sm",
+                                              "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": "div",
+                                            "type": "svg",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-string",
-                                          "style": undefined,
+                                          "className": "m_82577fc2",
+                                          "data-position": "right",
+                                          "style": {},
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
+                                      "className": "m_6c018570",
+                                      "data-size": "sm",
+                                      "data-variant": "default",
+                                      "data-with-right-section": true,
                                       "size": undefined,
-                                      "style": {},
+                                      "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": [
-                                                  "deepObjectOptional",
-                                                ],
-                                                "props": {
-                                                  "className": "m_8a5d1357",
-                                                  "data-order": 3,
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "id": "root_nestedObjectOptional_deepObjectOptional__title",
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                                    "fontWeight": "normal",
-                                                  },
-                                                },
-                                                "type": "h3",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rs5{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                                  },
-                                                  "data-mantine-styles": "inline",
-                                                  "nonce": undefined,
-                                                },
-                                                "type": "style",
-                                                Symbol(cleaned): true,
-                                              },
                                               {
                                                 "children": [
                                                   {
@@ -7329,102 +7121,204 @@ exports[`single fields optional data controls does not show optional controls wh
                                                         "children": [
                                                           {
                                                             "children": [
-                                                              {
-                                                                "children": [
-                                                                  "deepTest",
-                                                                ],
-                                                                "props": {
-                                                                  "className": "m_8fdc1311",
-                                                                  "data-size": "sm",
-                                                                  "data-variant": undefined,
-                                                                  "htmlFor": "root_nestedObjectOptional_deepObjectOptional_deepTest",
-                                                                  "id": "root_nestedObjectOptional_deepObjectOptional_deepTest-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-invalid": false,
-                                                                      "autoFocus": false,
-                                                                      "className": "m_8fb7ebe7",
-                                                                      "data-disabled": true,
-                                                                      "data-size": undefined,
-                                                                      "data-variant": "default",
-                                                                      "disabled": true,
-                                                                      "id": "root_nestedObjectOptional_deepObjectOptional_deepTest",
-                                                                      "name": "root_nestedObjectOptional_deepObjectOptional_deepTest",
-                                                                      "placeholder": "",
-                                                                      "required": false,
-                                                                      "size": undefined,
-                                                                      "style": {},
-                                                                      "type": "text",
+                                                                      "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": "input",
+                                                                    "type": "path",
                                                                     Symbol(cleaned): true,
                                                                   },
                                                                 ],
                                                                 "props": {
-                                                                  "className": "m_6c018570",
-                                                                  "data-disabled": true,
-                                                                  "data-size": "sm",
-                                                                  "data-variant": "default",
-                                                                  "size": undefined,
-                                                                  "style": {
-                                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                                    "--input-height": "var(--input-height-sm)",
-                                                                  },
+                                                                  "aria-hidden": true,
+                                                                  "className": "m_8ee53fc2",
+                                                                  "fill": "none",
+                                                                  "style": undefined,
+                                                                  "viewBox": "0 0 10 7",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
                                                                 },
-                                                                "type": "div",
+                                                                "type": "svg",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": [
+                                                                  "Option 1",
+                                                                ],
+                                                                "props": {},
+                                                                "type": "span",
                                                                 Symbol(cleaned): true,
                                                               },
                                                             ],
                                                             "props": {
-                                                              "className": "m_46b77525",
-                                                              "data-size": "sm",
+                                                              "aria-selected": true,
+                                                              "className": "m_92253aa5 m_390b5f4",
+                                                              "data-checked": true,
+                                                              "data-combobox-active": true,
+                                                              "data-combobox-option": true,
+                                                              "data-size": undefined,
+                                                              "data-variant": undefined,
+                                                              "id": ":rle:",
+                                                              "onClick": [Function],
+                                                              "onMouseDown": [Function],
+                                                              "onMouseOver": [Function],
+                                                              "role": "option",
+                                                              "size": undefined,
+                                                              "style": {},
+                                                              "value": "0",
+                                                            },
+                                                            "type": "div",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": [
+                                                                  "Option 2",
+                                                                ],
+                                                                "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": ":rlg:",
+                                                              "onClick": [Function],
+                                                              "onMouseDown": [Function],
+                                                              "onMouseOver": [Function],
+                                                              "role": "option",
+                                                              "size": undefined,
+                                                              "style": {},
+                                                              "value": "1",
+                                                            },
+                                                            "type": "div",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": [
+                                                                  "Option 3",
+                                                                ],
+                                                                "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": ":rli:",
+                                                              "onClick": [Function],
+                                                              "onMouseDown": [Function],
+                                                              "onMouseOver": [Function],
+                                                              "role": "option",
                                                               "size": undefined,
                                                               "style": {},
+                                                              "value": "2",
                                                             },
                                                             "type": "div",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "rjsf-field rjsf-field-string",
-                                                          "style": undefined,
+                                                          "className": "m_b1336c6",
+                                                          "style": {},
                                                         },
                                                         "type": "div",
                                                         Symbol(cleaned): true,
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "",
+                                                      "className": "m_c0783ff9",
+                                                      "data-horizontal-hidden": undefined,
+                                                      "data-offset-scrollbars": "y",
+                                                      "data-scrollbars": "xy",
                                                       "data-size": undefined,
                                                       "data-variant": undefined,
-                                                      "size": undefined,
-                                                      "style": {},
+                                                      "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_2415a157 __m__-rs5",
+                                                  "className": "m_d57069b5",
+                                                  "data-autosize": "true",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
                                                   "style": {
-                                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                                    "--sa-corner-height": "0px",
+                                                    "--sa-corner-width": "0px",
+                                                    "--scrollarea-scrollbar-size": "var(--combobox-padding)",
                                                   },
                                                 },
                                                 "type": "div",
@@ -7432,14 +7326,17 @@ exports[`single fields optional data controls does not show optional controls wh
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_7485cace",
+                                              "className": "",
                                               "data-size": undefined,
-                                              "data-strategy": "block",
                                               "data-variant": undefined,
-                                              "id": "root_nestedObjectOptional_deepObjectOptional",
                                               "size": undefined,
                                               "style": {
-                                                "padding": "0rem",
+                                                "display": "flex",
+                                                "flex": 1,
+                                                "flexDirection": "column",
+                                                "minHeight": 0,
+                                                "minWidth": 0,
+                                                "overflow": "hidden",
                                               },
                                             },
                                             "type": "div",
@@ -7447,353 +7344,718 @@ exports[`single fields optional data controls does not show optional controls wh
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-object",
-                                          "style": undefined,
+                                          "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": {
-                                      "className": "",
+                                      "aria-labelledby": "root_optionalArrayWithAnyofs__anyof_select-label",
+                                      "className": "m_b2821a6e",
                                       "data-size": undefined,
                                       "data-variant": undefined,
+                                      "id": "",
+                                      "onMouseDown": [Function],
+                                      "role": "listbox",
                                       "size": undefined,
-                                      "style": {},
+                                      "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_optionalArrayWithAnyofs__anyof_select",
+                                  "type": "hidden",
+                                  "value": "0",
+                                },
+                                "type": "input",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
                                   {
                                     "children": [
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              "optionalArrayWithAnyofs",
+                                            ],
+                                            "props": {
+                                              "className": "m_8a5d1357",
+                                              "data-order": 4,
+                                              "data-size": undefined,
+                                              "data-variant": undefined,
+                                              "id": "root_optionalArrayWithAnyofs__title",
+                                              "size": undefined,
+                                              "style": {
+                                                "--title-fw": "var(--mantine-h4-font-weight)",
+                                                "--title-fz": "var(--mantine-h4-font-size)",
+                                                "--title-lh": "var(--mantine-h4-line-height)",
+                                                "fontWeight": "normal",
+                                              },
+                                            },
+                                            "type": "h4",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "m_90794832",
+                                          "style": {},
+                                        },
+                                        "type": "legend",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "className": "row rjsf-array-item-list",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
                                       {
                                         "children": [
                                           {
                                             "children": [
                                               {
                                                 "children": [
-                                                  "deepObject",
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M0 0h24v24H0z",
+                                                          "fill": "none",
+                                                          "stroke": "none",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M12 5l0 14",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M5 12l14 0",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                      "fill": "none",
+                                                      "height": "24",
+                                                      "stroke": "currentColor",
+                                                      "strokeLinecap": "round",
+                                                      "strokeLinejoin": "round",
+                                                      "strokeWidth": "2",
+                                                      "style": {
+                                                        "height": undefined,
+                                                        "width": undefined,
+                                                      },
+                                                      "viewBox": "0 0 24 24",
+                                                      "width": "24",
+                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                    },
+                                                    "type": "svg",
+                                                    Symbol(cleaned): true,
+                                                  },
                                                 ],
                                                 "props": {
-                                                  "className": "m_8a5d1357",
-                                                  "data-order": 3,
+                                                  "className": "m_8d3afb97",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
-                                                  "id": "root_nestedObjectOptional_deepObject__title",
                                                   "size": undefined,
-                                                  "style": {
-                                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                                    "fontWeight": "normal",
-                                                  },
+                                                  "style": {},
                                                 },
-                                                "type": "h3",
+                                                "type": "span",
                                                 Symbol(cleaned): true,
                                               },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rsg{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                                  },
-                                                  "data-mantine-styles": "inline",
-                                                  "nonce": undefined,
-                                                },
-                                                "type": "style",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "deepTest",
-                                                                ],
-                                                                "props": {
-                                                                  "className": "m_8fdc1311",
-                                                                  "data-size": "sm",
-                                                                  "data-variant": undefined,
-                                                                  "htmlFor": "root_nestedObjectOptional_deepObject_deepTest",
-                                                                  "id": "root_nestedObjectOptional_deepObject_deepTest-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-invalid": false,
-                                                                      "autoFocus": false,
-                                                                      "className": "m_8fb7ebe7",
-                                                                      "data-disabled": true,
-                                                                      "data-size": undefined,
-                                                                      "data-variant": "default",
-                                                                      "disabled": true,
-                                                                      "id": "root_nestedObjectOptional_deepObject_deepTest",
-                                                                      "name": "root_nestedObjectOptional_deepObject_deepTest",
-                                                                      "placeholder": "",
-                                                                      "required": false,
-                                                                      "size": undefined,
-                                                                      "style": {},
-                                                                      "type": "text",
-                                                                    },
-                                                                    "type": "input",
-                                                                    Symbol(cleaned): true,
-                                                                  },
-                                                                ],
-                                                                "props": {
-                                                                  "className": "m_6c018570",
-                                                                  "data-disabled": true,
-                                                                  "data-size": "sm",
-                                                                  "data-variant": "default",
-                                                                  "size": undefined,
-                                                                  "style": {
-                                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                                    "--input-height": "var(--input-height-sm)",
-                                                                  },
-                                                                },
-                                                                "type": "div",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
-                                                            "props": {
-                                                              "className": "m_46b77525",
-                                                              "data-size": "sm",
-                                                              "data-variant": undefined,
-                                                              "size": undefined,
-                                                              "style": {},
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "rjsf-field rjsf-field-string",
-                                                          "style": undefined,
-                                                        },
-                                                        "type": "div",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "",
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                    },
-                                                    "type": "div",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "m_2415a157 __m__-rsg",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "marginBottom": "var(--mantine-spacing-sm)",
-                                                  },
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
-                                            ],
-                                            "props": {
-                                              "className": "m_7485cace",
-                                              "data-size": undefined,
-                                              "data-strategy": "block",
-                                              "data-variant": undefined,
-                                              "id": "root_nestedObjectOptional_deepObject",
-                                              "size": undefined,
-                                              "style": {
-                                                "padding": "0rem",
+                                            ],
+                                            "props": {
+                                              "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                              "data-size": "md",
+                                              "data-variant": "subtle",
+                                              "id": "root_optionalArrayWithAnyofs__add",
+                                              "onClick": [Function],
+                                              "size": undefined,
+                                              "style": {
+                                                "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                "--ai-bg": "transparent",
+                                                "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                "--ai-size": "var(--ai-size-md)",
                                               },
+                                              "title": "Add Item",
+                                              "type": "button",
                                             },
-                                            "type": "div",
+                                            "type": "button",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-object",
-                                          "style": undefined,
+                                          "className": "m_4081bf90",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {
+                                            "--group-align": "center",
+                                            "--group-gap": "var(--mantine-spacing-md)",
+                                            "--group-justify": "flex-end",
+                                            "--group-wrap": "wrap",
+                                          },
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
+                                      "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
                                       "data-size": undefined,
-                                      "data-variant": undefined,
+                                      "data-variant": "default",
+                                      "id": "root_optionalArrayWithAnyofs",
                                       "size": undefined,
                                       "style": {},
                                     },
-                                    "type": "div",
+                                    "type": "fieldset",
                                     Symbol(cleaned): true,
                                   },
-                                  {
-                                    "children": [
-                                      {
-                                        "children": [
-                                          {
-                                            "children": [
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      "deepArrayOptional",
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_8a5d1357",
-                                                      "data-order": 4,
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional__title",
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                                        "fontWeight": "normal",
-                                                      },
-                                                    },
-                                                    "type": "h4",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "m_90794832",
-                                                  "style": {},
-                                                },
-                                                "type": "legend",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "className": "row rjsf-array-item-list",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {},
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M0 0h24v24H0z",
-                                                                  "fill": "none",
-                                                                  "stroke": "none",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M12 5l0 14",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M5 12l14 0",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
-                                                            "props": {
-                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                                              "fill": "none",
-                                                              "height": "24",
-                                                              "stroke": "currentColor",
-                                                              "strokeLinecap": "round",
-                                                              "strokeLinejoin": "round",
-                                                              "strokeWidth": "2",
-                                                              "style": {
-                                                                "height": undefined,
-                                                                "width": undefined,
-                                                              },
-                                                              "viewBox": "0 0 24 24",
-                                                              "width": "24",
-                                                              "xmlns": "http://www.w3.org/2000/svg",
-                                                            },
-                                                            "type": "svg",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8d3afb97",
-                                                          "data-size": undefined,
-                                                          "data-variant": undefined,
-                                                          "size": undefined,
-                                                          "style": {},
-                                                        },
-                                                        "type": "span",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                                      "data-disabled": true,
-                                                      "data-size": "md",
-                                                      "data-variant": "subtle",
-                                                      "disabled": true,
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional__add",
-                                                      "onClick": [Function],
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                        "--ai-bg": "transparent",
-                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                                        "--ai-size": "var(--ai-size-md)",
+                                ],
+                                "props": {
+                                  "className": "rjsf-field rjsf-field-array",
+                                  "style": undefined,
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_6d731127",
+                              "data-size": undefined,
+                              "data-variant": undefined,
+                              "size": undefined,
+                              "style": {
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-undefined",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                ],
+                "props": {
+                  "className": "m_2415a157 __m__-rh9",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "size": undefined,
+                  "style": {
+                    "marginBottom": "var(--mantine-spacing-sm)",
+                  },
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_7485cace",
+              "data-size": undefined,
+              "data-strategy": "block",
+              "data-variant": undefined,
+              "id": "root",
+              "size": undefined,
+              "style": {
+                "padding": "0rem",
+              },
+            },
+            "type": "div",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "rjsf-field rjsf-field-object",
+          "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 optional data controls does not show optional controls when not turned on in uiSchema, readonly and no formData 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_8a5d1357",
+                  "data-order": 3,
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "id": "root__title",
+                  "size": undefined,
+                  "style": {
+                    "--title-fw": "var(--mantine-h3-font-weight)",
+                    "--title-fz": "var(--mantine-h3-font-size)",
+                    "--title-lh": "var(--mantine-h3-line-height)",
+                    "fontWeight": "normal",
+                  },
+                },
+                "type": "h3",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": null,
+                "props": {
+                  "dangerouslySetInnerHTML": {
+                    "__html": ".__m__-rrl{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                  },
+                  "data-mantine-styles": "inline",
+                  "nonce": undefined,
+                },
+                "type": "style",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": [
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  "nestedObjectOptional",
+                                ],
+                                "props": {
+                                  "className": "m_8a5d1357",
+                                  "data-order": 3,
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "id": "root_nestedObjectOptional__title",
+                                  "size": undefined,
+                                  "style": {
+                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                    "fontWeight": "normal",
+                                  },
+                                },
+                                "type": "h3",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "dangerouslySetInnerHTML": {
+                                    "__html": ".__m__-rrq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
+                                },
+                                "type": "style",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              {
+                                                "children": [
+                                                  "test",
+                                                ],
+                                                "props": {
+                                                  "className": "m_8fdc1311",
+                                                  "data-size": "sm",
+                                                  "data-variant": undefined,
+                                                  "htmlFor": "root_nestedObjectOptional_test",
+                                                  "id": "root_nestedObjectOptional_test-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-invalid": false,
+                                                      "autoFocus": false,
+                                                      "className": "m_8fb7ebe7",
+                                                      "data-disabled": true,
+                                                      "data-size": undefined,
+                                                      "data-variant": "default",
+                                                      "disabled": true,
+                                                      "id": "root_nestedObjectOptional_test",
+                                                      "name": "root_nestedObjectOptional_test",
+                                                      "placeholder": "",
+                                                      "required": false,
+                                                      "size": undefined,
+                                                      "style": {},
+                                                      "type": "text",
+                                                    },
+                                                    "type": "input",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "m_6c018570",
+                                                  "data-disabled": true,
+                                                  "data-size": "sm",
+                                                  "data-variant": "default",
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                    "--input-height": "var(--input-height-sm)",
+                                                  },
+                                                },
+                                                "type": "div",
+                                                Symbol(cleaned): true,
+                                              },
+                                            ],
+                                            "props": {
+                                              "className": "m_46b77525",
+                                              "data-size": "sm",
+                                              "data-variant": undefined,
+                                              "size": undefined,
+                                              "style": {},
+                                            },
+                                            "type": "div",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "rjsf-field rjsf-field-string",
+                                          "style": undefined,
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
+                                  },
+                                  {
+                                    "children": [
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              {
+                                                "children": [
+                                                  "deepObjectOptional",
+                                                ],
+                                                "props": {
+                                                  "className": "m_8a5d1357",
+                                                  "data-order": 3,
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "id": "root_nestedObjectOptional_deepObjectOptional__title",
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                                    "fontWeight": "normal",
+                                                  },
+                                                },
+                                                "type": "h3",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-rs5{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
+                                                },
+                                                "type": "style",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": [
+                                                                  "deepTest",
+                                                                ],
+                                                                "props": {
+                                                                  "className": "m_8fdc1311",
+                                                                  "data-size": "sm",
+                                                                  "data-variant": undefined,
+                                                                  "htmlFor": "root_nestedObjectOptional_deepObjectOptional_deepTest",
+                                                                  "id": "root_nestedObjectOptional_deepObjectOptional_deepTest-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-invalid": false,
+                                                                      "autoFocus": false,
+                                                                      "className": "m_8fb7ebe7",
+                                                                      "data-disabled": true,
+                                                                      "data-size": undefined,
+                                                                      "data-variant": "default",
+                                                                      "disabled": true,
+                                                                      "id": "root_nestedObjectOptional_deepObjectOptional_deepTest",
+                                                                      "name": "root_nestedObjectOptional_deepObjectOptional_deepTest",
+                                                                      "placeholder": "",
+                                                                      "required": false,
+                                                                      "size": undefined,
+                                                                      "style": {},
+                                                                      "type": "text",
+                                                                    },
+                                                                    "type": "input",
+                                                                    Symbol(cleaned): true,
+                                                                  },
+                                                                ],
+                                                                "props": {
+                                                                  "className": "m_6c018570",
+                                                                  "data-disabled": true,
+                                                                  "data-size": "sm",
+                                                                  "data-variant": "default",
+                                                                  "size": undefined,
+                                                                  "style": {
+                                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                                    "--input-height": "var(--input-height-sm)",
+                                                                  },
+                                                                },
+                                                                "type": "div",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
+                                                            "props": {
+                                                              "className": "m_46b77525",
+                                                              "data-size": "sm",
+                                                              "data-variant": undefined,
+                                                              "size": undefined,
+                                                              "style": {},
+                                                            },
+                                                            "type": "div",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "rjsf-field rjsf-field-string",
+                                                          "style": undefined,
+                                                        },
+                                                        "type": "div",
+                                                        Symbol(cleaned): true,
                                                       },
-                                                      "title": "Add Item",
-                                                      "type": "button",
+                                                    ],
+                                                    "props": {
+                                                      "className": "",
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "size": undefined,
+                                                      "style": {},
                                                     },
-                                                    "type": "button",
+                                                    "type": "div",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_4081bf90",
+                                                  "className": "m_2415a157 __m__-rs5",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
                                                   "style": {
-                                                    "--group-align": "center",
-                                                    "--group-gap": "var(--mantine-spacing-md)",
-                                                    "--group-justify": "flex-end",
-                                                    "--group-wrap": "wrap",
+                                                    "marginBottom": "var(--mantine-spacing-sm)",
                                                   },
                                                 },
                                                 "type": "div",
@@ -7801,19 +8063,22 @@ exports[`single fields optional data controls does not show optional controls wh
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                                              "className": "m_7485cace",
                                               "data-size": undefined,
-                                              "data-variant": "default",
-                                              "id": "root_nestedObjectOptional_deepArrayOptional",
+                                              "data-strategy": "block",
+                                              "data-variant": undefined,
+                                              "id": "root_nestedObjectOptional_deepObjectOptional",
                                               "size": undefined,
-                                              "style": {},
+                                              "style": {
+                                                "padding": "0rem",
+                                              },
                                             },
-                                            "type": "fieldset",
+                                            "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-array",
+                                          "className": "rjsf-field rjsf-field-object",
                                           "style": undefined,
                                         },
                                         "type": "div",
@@ -7838,45 +8103,35 @@ exports[`single fields optional data controls does not show optional controls wh
                                             "children": [
                                               {
                                                 "children": [
-                                                  {
-                                                    "children": [
-                                                      "deepArrayOptional2",
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_8a5d1357",
-                                                      "data-order": 4,
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__title",
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                                        "fontWeight": "normal",
-                                                      },
-                                                    },
-                                                    "type": "h4",
-                                                    Symbol(cleaned): true,
-                                                  },
+                                                  "deepObject",
                                                 ],
                                                 "props": {
-                                                  "className": "m_90794832",
-                                                  "style": {},
+                                                  "className": "m_8a5d1357",
+                                                  "data-order": 3,
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "id": "root_nestedObjectOptional_deepObject__title",
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                                    "fontWeight": "normal",
+                                                  },
                                                 },
-                                                "type": "legend",
+                                                "type": "h3",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": null,
                                                 "props": {
-                                                  "className": "row rjsf-array-item-list",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {},
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-rsg{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
                                                 },
-                                                "type": "div",
+                                                "type": "style",
                                                 Symbol(cleaned): true,
                                               },
                                               {
@@ -7888,96 +8143,101 @@ exports[`single fields optional data controls does not show optional controls wh
                                                           {
                                                             "children": [
                                                               {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M0 0h24v24H0z",
-                                                                  "fill": "none",
-                                                                  "stroke": "none",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": null,
+                                                                "children": [
+                                                                  "deepTest",
+                                                                ],
                                                                 "props": {
-                                                                  "d": "M12 5l0 14",
+                                                                  "className": "m_8fdc1311",
+                                                                  "data-size": "sm",
+                                                                  "data-variant": undefined,
+                                                                  "htmlFor": "root_nestedObjectOptional_deepObject_deepTest",
+                                                                  "id": "root_nestedObjectOptional_deepObject_deepTest-label",
+                                                                  "onMouseDown": [Function],
+                                                                  "size": undefined,
+                                                                  "style": {
+                                                                    "--input-label-size": "var(--mantine-font-size-sm)",
+                                                                  },
                                                                 },
-                                                                "type": "path",
+                                                                "type": "label",
                                                                 Symbol(cleaned): true,
                                                               },
                                                               {
-                                                                "children": null,
+                                                                "children": [
+                                                                  {
+                                                                    "children": null,
+                                                                    "props": {
+                                                                      "aria-describedby": undefined,
+                                                                      "aria-invalid": false,
+                                                                      "autoFocus": false,
+                                                                      "className": "m_8fb7ebe7",
+                                                                      "data-disabled": true,
+                                                                      "data-size": undefined,
+                                                                      "data-variant": "default",
+                                                                      "disabled": true,
+                                                                      "id": "root_nestedObjectOptional_deepObject_deepTest",
+                                                                      "name": "root_nestedObjectOptional_deepObject_deepTest",
+                                                                      "placeholder": "",
+                                                                      "required": false,
+                                                                      "size": undefined,
+                                                                      "style": {},
+                                                                      "type": "text",
+                                                                    },
+                                                                    "type": "input",
+                                                                    Symbol(cleaned): true,
+                                                                  },
+                                                                ],
                                                                 "props": {
-                                                                  "d": "M5 12l14 0",
+                                                                  "className": "m_6c018570",
+                                                                  "data-disabled": true,
+                                                                  "data-size": "sm",
+                                                                  "data-variant": "default",
+                                                                  "size": undefined,
+                                                                  "style": {
+                                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                                    "--input-height": "var(--input-height-sm)",
+                                                                  },
                                                                 },
-                                                                "type": "path",
+                                                                "type": "div",
                                                                 Symbol(cleaned): true,
                                                               },
                                                             ],
                                                             "props": {
-                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                                              "fill": "none",
-                                                              "height": "24",
-                                                              "stroke": "currentColor",
-                                                              "strokeLinecap": "round",
-                                                              "strokeLinejoin": "round",
-                                                              "strokeWidth": "2",
-                                                              "style": {
-                                                                "height": undefined,
-                                                                "width": undefined,
-                                                              },
-                                                              "viewBox": "0 0 24 24",
-                                                              "width": "24",
-                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                              "className": "m_46b77525",
+                                                              "data-size": "sm",
+                                                              "data-variant": undefined,
+                                                              "size": undefined,
+                                                              "style": {},
                                                             },
-                                                            "type": "svg",
+                                                            "type": "div",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_8d3afb97",
-                                                          "data-size": undefined,
-                                                          "data-variant": undefined,
-                                                          "size": undefined,
-                                                          "style": {},
+                                                          "className": "rjsf-field rjsf-field-string",
+                                                          "style": undefined,
                                                         },
-                                                        "type": "span",
+                                                        "type": "div",
                                                         Symbol(cleaned): true,
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                                      "data-disabled": true,
-                                                      "data-size": "md",
-                                                      "data-variant": "subtle",
-                                                      "disabled": true,
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__add",
-                                                      "onClick": [Function],
+                                                      "className": "",
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
                                                       "size": undefined,
-                                                      "style": {
-                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                        "--ai-bg": "transparent",
-                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                                        "--ai-size": "var(--ai-size-md)",
-                                                      },
-                                                      "title": "Add Item",
-                                                      "type": "button",
+                                                      "style": {},
                                                     },
-                                                    "type": "button",
+                                                    "type": "div",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_4081bf90",
+                                                  "className": "m_2415a157 __m__-rsg",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
                                                   "style": {
-                                                    "--group-align": "center",
-                                                    "--group-gap": "var(--mantine-spacing-md)",
-                                                    "--group-justify": "flex-end",
-                                                    "--group-wrap": "wrap",
+                                                    "marginBottom": "var(--mantine-spacing-sm)",
                                                   },
                                                 },
                                                 "type": "div",
@@ -7985,19 +8245,22 @@ exports[`single fields optional data controls does not show optional controls wh
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                                              "className": "m_7485cace",
                                               "data-size": undefined,
-                                              "data-variant": "default",
-                                              "id": "root_nestedObjectOptional_deepArrayOptional2",
+                                              "data-strategy": "block",
+                                              "data-variant": undefined,
+                                              "id": "root_nestedObjectOptional_deepObject",
                                               "size": undefined,
-                                              "style": {},
+                                              "style": {
+                                                "padding": "0rem",
+                                              },
                                             },
-                                            "type": "fieldset",
+                                            "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-array",
+                                          "className": "rjsf-field rjsf-field-object",
                                           "style": undefined,
                                         },
                                         "type": "div",
@@ -8024,14 +8287,14 @@ exports[`single fields optional data controls does not show optional controls wh
                                                 "children": [
                                                   {
                                                     "children": [
-                                                      "deepArray",
+                                                      "deepArrayOptional",
                                                     ],
                                                     "props": {
                                                       "className": "m_8a5d1357",
                                                       "data-order": 4,
                                                       "data-size": undefined,
                                                       "data-variant": undefined,
-                                                      "id": "root_nestedObjectOptional_deepArray__title",
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional__title",
                                                       "size": undefined,
                                                       "style": {
                                                         "--title-fw": "var(--mantine-h4-font-weight)",
@@ -8115,361 +8378,89 @@ exports[`single fields optional data controls does not show optional controls wh
                                                               "xmlns": "http://www.w3.org/2000/svg",
                                                             },
                                                             "type": "svg",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8d3afb97",
-                                                          "data-size": undefined,
-                                                          "data-variant": undefined,
-                                                          "size": undefined,
-                                                          "style": {},
-                                                        },
-                                                        "type": "span",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                                      "data-disabled": true,
-                                                      "data-size": "md",
-                                                      "data-variant": "subtle",
-                                                      "disabled": true,
-                                                      "id": "root_nestedObjectOptional_deepArray__add",
-                                                      "onClick": [Function],
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                        "--ai-bg": "transparent",
-                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                                        "--ai-size": "var(--ai-size-md)",
-                                                      },
-                                                      "title": "Add Item",
-                                                      "type": "button",
-                                                    },
-                                                    "type": "button",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "m_4081bf90",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--group-align": "center",
-                                                    "--group-gap": "var(--mantine-spacing-md)",
-                                                    "--group-justify": "flex-end",
-                                                    "--group-wrap": "wrap",
-                                                  },
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
-                                            ],
-                                            "props": {
-                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
-                                              "data-size": undefined,
-                                              "data-variant": "default",
-                                              "id": "root_nestedObjectOptional_deepArray",
-                                              "size": undefined,
-                                              "style": {},
-                                            },
-                                            "type": "fieldset",
-                                            Symbol(cleaned): true,
-                                          },
-                                        ],
-                                        "props": {
-                                          "className": "rjsf-field rjsf-field-array",
-                                          "style": undefined,
-                                        },
-                                        "type": "div",
-                                        Symbol(cleaned): true,
-                                      },
-                                    ],
-                                    "props": {
-                                      "className": "",
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "size": undefined,
-                                      "style": {},
-                                    },
-                                    "type": "div",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_2415a157 __m__-rrq",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "marginBottom": "var(--mantine-spacing-sm)",
-                                  },
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_7485cace",
-                              "data-size": undefined,
-                              "data-strategy": "block",
-                              "data-variant": undefined,
-                              "id": "root_nestedObjectOptional",
-                              "size": undefined,
-                              "style": {
-                                "padding": "0rem",
-                              },
-                            },
-                            "type": "div",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-object",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "nestedArrayOptional",
-                                    ],
-                                    "props": {
-                                      "className": "m_8a5d1357",
-                                      "data-order": 4,
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "id": "root_nestedArrayOptional__title",
-                                      "size": undefined,
-                                      "style": {
-                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                        "fontWeight": "normal",
-                                      },
-                                    },
-                                    "type": "h4",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_90794832",
-                                  "style": {},
-                                },
-                                "type": "legend",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      {
-                                        "children": [
-                                          {
-                                            "children": [
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M0 0h24v24H0z",
-                                                  "fill": "none",
-                                                  "stroke": "none",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M12 5l0 14",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_8d3afb97",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
+                                                          "style": {},
+                                                        },
+                                                        "type": "span",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                                      "data-disabled": true,
+                                                      "data-size": "md",
+                                                      "data-variant": "subtle",
+                                                      "disabled": true,
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional__add",
+                                                      "onClick": [Function],
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                        "--ai-bg": "transparent",
+                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                        "--ai-size": "var(--ai-size-md)",
+                                                      },
+                                                      "title": "Add Item",
+                                                      "type": "button",
+                                                    },
+                                                    "type": "button",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
                                                 "props": {
-                                                  "d": "M5 12l14 0",
+                                                  "className": "m_4081bf90",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--group-align": "center",
+                                                    "--group-gap": "var(--mantine-spacing-md)",
+                                                    "--group-justify": "flex-end",
+                                                    "--group-wrap": "wrap",
+                                                  },
                                                 },
-                                                "type": "path",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                              "fill": "none",
-                                              "height": "24",
-                                              "stroke": "currentColor",
-                                              "strokeLinecap": "round",
-                                              "strokeLinejoin": "round",
-                                              "strokeWidth": "2",
-                                              "style": {
-                                                "height": undefined,
-                                                "width": undefined,
-                                              },
-                                              "viewBox": "0 0 24 24",
-                                              "width": "24",
-                                              "xmlns": "http://www.w3.org/2000/svg",
+                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                                              "data-size": undefined,
+                                              "data-variant": "default",
+                                              "id": "root_nestedObjectOptional_deepArrayOptional",
+                                              "size": undefined,
+                                              "style": {},
                                             },
-                                            "type": "svg",
+                                            "type": "fieldset",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8d3afb97",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {},
+                                          "className": "rjsf-field rjsf-field-array",
+                                          "style": undefined,
                                         },
-                                        "type": "span",
+                                        "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                      "data-disabled": true,
-                                      "data-size": "md",
-                                      "data-variant": "subtle",
-                                      "disabled": true,
-                                      "id": "root_nestedArrayOptional__add",
-                                      "onClick": [Function],
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
                                       "size": undefined,
-                                      "style": {
-                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                        "--ai-bg": "transparent",
-                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                        "--ai-size": "var(--ai-size-md)",
-                                      },
-                                      "title": "Add Item",
-                                      "type": "button",
+                                      "style": {},
                                     },
-                                    "type": "button",
+                                    "type": "div",
                                     Symbol(cleaned): true,
                                   },
-                                ],
-                                "props": {
-                                  "className": "m_4081bf90",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "--group-align": "center",
-                                    "--group-gap": "var(--mantine-spacing-md)",
-                                    "--group-justify": "flex-end",
-                                    "--group-wrap": "wrap",
-                                  },
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
-                              "data-size": undefined,
-                              "data-variant": "default",
-                              "id": "root_nestedArrayOptional",
-                              "size": undefined,
-                              "style": {},
-                            },
-                            "type": "fieldset",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-array",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  "nestedObject",
-                                ],
-                                "props": {
-                                  "className": "m_8a5d1357",
-                                  "data-order": 3,
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "id": "root_nestedObject__title",
-                                  "size": undefined,
-                                  "style": {
-                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                    "fontWeight": "normal",
-                                  },
-                                },
-                                "type": "h3",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rtn{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                  },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
-                                },
-                                "type": "style",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
                                   {
                                     "children": [
                                       {
@@ -8478,57 +8469,146 @@ exports[`single fields optional data controls does not show optional controls wh
                                             "children": [
                                               {
                                                 "children": [
-                                                  "test",
+                                                  {
+                                                    "children": [
+                                                      "deepArrayOptional2",
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 4,
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__title",
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                                        "fontWeight": "normal",
+                                                      },
+                                                    },
+                                                    "type": "h4",
+                                                    Symbol(cleaned): true,
+                                                  },
                                                 ],
                                                 "props": {
-                                                  "className": "m_8fdc1311",
-                                                  "data-size": "sm",
+                                                  "className": "m_90794832",
+                                                  "style": {},
+                                                },
+                                                "type": "legend",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "className": "row rjsf-array-item-list",
+                                                  "data-size": undefined,
                                                   "data-variant": undefined,
-                                                  "htmlFor": "root_nestedObject_test",
-                                                  "id": "root_nestedObject_test-label",
-                                                  "onMouseDown": [Function],
                                                   "size": undefined,
-                                                  "style": {
-                                                    "--input-label-size": "var(--mantine-font-size-sm)",
-                                                  },
+                                                  "style": {},
                                                 },
-                                                "type": "label",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": [
                                                   {
-                                                    "children": null,
+                                                    "children": [
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M0 0h24v24H0z",
+                                                                  "fill": "none",
+                                                                  "stroke": "none",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M12 5l0 14",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M5 12l14 0",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
+                                                            "props": {
+                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                              "fill": "none",
+                                                              "height": "24",
+                                                              "stroke": "currentColor",
+                                                              "strokeLinecap": "round",
+                                                              "strokeLinejoin": "round",
+                                                              "strokeWidth": "2",
+                                                              "style": {
+                                                                "height": undefined,
+                                                                "width": undefined,
+                                                              },
+                                                              "viewBox": "0 0 24 24",
+                                                              "width": "24",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            },
+                                                            "type": "svg",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_8d3afb97",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
+                                                          "style": {},
+                                                        },
+                                                        "type": "span",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
                                                     "props": {
-                                                      "aria-describedby": undefined,
-                                                      "aria-invalid": false,
-                                                      "autoFocus": false,
-                                                      "className": "m_8fb7ebe7",
+                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
                                                       "data-disabled": true,
-                                                      "data-size": undefined,
-                                                      "data-variant": "default",
+                                                      "data-size": "md",
+                                                      "data-variant": "subtle",
                                                       "disabled": true,
-                                                      "id": "root_nestedObject_test",
-                                                      "name": "root_nestedObject_test",
-                                                      "placeholder": "",
-                                                      "required": false,
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__add",
+                                                      "onClick": [Function],
                                                       "size": undefined,
-                                                      "style": {},
-                                                      "type": "text",
+                                                      "style": {
+                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                        "--ai-bg": "transparent",
+                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                        "--ai-size": "var(--ai-size-md)",
+                                                      },
+                                                      "title": "Add Item",
+                                                      "type": "button",
                                                     },
-                                                    "type": "input",
+                                                    "type": "button",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_6c018570",
-                                                  "data-disabled": true,
-                                                  "data-size": "sm",
-                                                  "data-variant": "default",
+                                                  "className": "m_4081bf90",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
                                                   "size": undefined,
                                                   "style": {
-                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                    "--input-height": "var(--input-height-sm)",
+                                                    "--group-align": "center",
+                                                    "--group-gap": "var(--mantine-spacing-md)",
+                                                    "--group-justify": "flex-end",
+                                                    "--group-wrap": "wrap",
                                                   },
                                                 },
                                                 "type": "div",
@@ -8536,18 +8616,19 @@ exports[`single fields optional data controls does not show optional controls wh
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_46b77525",
-                                              "data-size": "sm",
-                                              "data-variant": undefined,
+                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                                              "data-size": undefined,
+                                              "data-variant": "default",
+                                              "id": "root_nestedObjectOptional_deepArrayOptional2",
                                               "size": undefined,
                                               "style": {},
                                             },
-                                            "type": "div",
+                                            "type": "fieldset",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-string",
+                                          "className": "rjsf-field rjsf-field-array",
                                           "style": undefined,
                                         },
                                         "type": "div",
@@ -8564,104 +8645,6 @@ exports[`single fields optional data controls does not show optional controls wh
                                     "type": "div",
                                     Symbol(cleaned): true,
                                   },
-                                ],
-                                "props": {
-                                  "className": "m_2415a157 __m__-rtn",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "marginBottom": "var(--mantine-spacing-sm)",
-                                  },
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_7485cace",
-                              "data-size": undefined,
-                              "data-strategy": "block",
-                              "data-variant": undefined,
-                              "id": "root_nestedObject",
-                              "size": undefined,
-                              "style": {
-                                "padding": "0rem",
-                              },
-                            },
-                            "type": "div",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-object",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "nestedArray",
-                                    ],
-                                    "props": {
-                                      "className": "m_8a5d1357",
-                                      "data-order": 4,
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "id": "root_nestedArray__title",
-                                      "size": undefined,
-                                      "style": {
-                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                        "fontWeight": "normal",
-                                      },
-                                    },
-                                    "type": "h4",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_90794832",
-                                  "style": {},
-                                },
-                                "type": "legend",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
                                   {
                                     "children": [
                                       {
@@ -8669,96 +8652,191 @@ exports[`single fields optional data controls does not show optional controls wh
                                           {
                                             "children": [
                                               {
-                                                "children": null,
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      "deepArray",
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 4,
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "id": "root_nestedObjectOptional_deepArray__title",
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                                        "fontWeight": "normal",
+                                                      },
+                                                    },
+                                                    "type": "h4",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
                                                 "props": {
-                                                  "d": "M0 0h24v24H0z",
-                                                  "fill": "none",
-                                                  "stroke": "none",
+                                                  "className": "m_90794832",
+                                                  "style": {},
                                                 },
-                                                "type": "path",
+                                                "type": "legend",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": null,
                                                 "props": {
-                                                  "d": "M12 5l0 14",
+                                                  "className": "row rjsf-array-item-list",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
                                                 },
-                                                "type": "path",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                               {
-                                                "children": null,
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M0 0h24v24H0z",
+                                                                  "fill": "none",
+                                                                  "stroke": "none",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M12 5l0 14",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M5 12l14 0",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
+                                                            "props": {
+                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                              "fill": "none",
+                                                              "height": "24",
+                                                              "stroke": "currentColor",
+                                                              "strokeLinecap": "round",
+                                                              "strokeLinejoin": "round",
+                                                              "strokeWidth": "2",
+                                                              "style": {
+                                                                "height": undefined,
+                                                                "width": undefined,
+                                                              },
+                                                              "viewBox": "0 0 24 24",
+                                                              "width": "24",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            },
+                                                            "type": "svg",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_8d3afb97",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
+                                                          "style": {},
+                                                        },
+                                                        "type": "span",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                                      "data-disabled": true,
+                                                      "data-size": "md",
+                                                      "data-variant": "subtle",
+                                                      "disabled": true,
+                                                      "id": "root_nestedObjectOptional_deepArray__add",
+                                                      "onClick": [Function],
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                        "--ai-bg": "transparent",
+                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                        "--ai-size": "var(--ai-size-md)",
+                                                      },
+                                                      "title": "Add Item",
+                                                      "type": "button",
+                                                    },
+                                                    "type": "button",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
                                                 "props": {
-                                                  "d": "M5 12l14 0",
+                                                  "className": "m_4081bf90",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--group-align": "center",
+                                                    "--group-gap": "var(--mantine-spacing-md)",
+                                                    "--group-justify": "flex-end",
+                                                    "--group-wrap": "wrap",
+                                                  },
                                                 },
-                                                "type": "path",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                              "fill": "none",
-                                              "height": "24",
-                                              "stroke": "currentColor",
-                                              "strokeLinecap": "round",
-                                              "strokeLinejoin": "round",
-                                              "strokeWidth": "2",
-                                              "style": {
-                                                "height": undefined,
-                                                "width": undefined,
-                                              },
-                                              "viewBox": "0 0 24 24",
-                                              "width": "24",
-                                              "xmlns": "http://www.w3.org/2000/svg",
+                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                                              "data-size": undefined,
+                                              "data-variant": "default",
+                                              "id": "root_nestedObjectOptional_deepArray",
+                                              "size": undefined,
+                                              "style": {},
                                             },
-                                            "type": "svg",
+                                            "type": "fieldset",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8d3afb97",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {},
+                                          "className": "rjsf-field rjsf-field-array",
+                                          "style": undefined,
                                         },
-                                        "type": "span",
+                                        "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                      "data-disabled": true,
-                                      "data-size": "md",
-                                      "data-variant": "subtle",
-                                      "disabled": true,
-                                      "id": "root_nestedArray__add",
-                                      "onClick": [Function],
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
                                       "size": undefined,
-                                      "style": {
-                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                        "--ai-bg": "transparent",
-                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                        "--ai-size": "var(--ai-size-md)",
-                                      },
-                                      "title": "Add Item",
-                                      "type": "button",
+                                      "style": {},
                                     },
-                                    "type": "button",
+                                    "type": "div",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_4081bf90",
+                                  "className": "m_2415a157 __m__-rrq",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
                                   "style": {
-                                    "--group-align": "center",
-                                    "--group-gap": "var(--mantine-spacing-md)",
-                                    "--group-justify": "flex-end",
-                                    "--group-wrap": "wrap",
+                                    "marginBottom": "var(--mantine-spacing-sm)",
                                   },
                                 },
                                 "type": "div",
@@ -8766,19 +8844,22 @@ exports[`single fields optional data controls does not show optional controls wh
                               },
                             ],
                             "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                              "className": "m_7485cace",
                               "data-size": undefined,
-                              "data-variant": "default",
-                              "id": "root_nestedArray",
+                              "data-strategy": "block",
+                              "data-variant": undefined,
+                              "id": "root_nestedObjectOptional",
                               "size": undefined,
-                              "style": {},
+                              "style": {
+                                "padding": "0rem",
+                              },
                             },
-                            "type": "fieldset",
+                            "type": "div",
                             Symbol(cleaned): true,
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-array",
+                          "className": "rjsf-field rjsf-field-object",
                           "style": undefined,
                         },
                         "type": "div",
@@ -8805,112 +8886,38 @@ exports[`single fields optional data controls does not show optional controls wh
                                 "children": [
                                   {
                                     "children": [
-                                      "optionalObjectWithOneofs",
+                                      "nestedArrayOptional",
                                     ],
                                     "props": {
-                                      "className": "m_8fdc1311",
-                                      "data-size": "sm",
+                                      "className": "m_8a5d1357",
+                                      "data-order": 4,
+                                      "data-size": undefined,
                                       "data-variant": undefined,
-                                      "htmlFor": "root_optionalObjectWithOneofs__oneof_select",
-                                      "id": "root_optionalObjectWithOneofs__oneof_select-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",
-                                          "className": "m_8fb7ebe7",
-                                          "data-disabled": true,
-                                          "data-size": undefined,
-                                          "data-variant": "default",
-                                          "disabled": true,
-                                          "id": "root_optionalObjectWithOneofs__oneof_select",
-                                          "onBlur": [Function],
-                                          "onChange": [Function],
-                                          "onClick": [Function],
-                                          "onFocus": [Function],
-                                          "onKeyDown": [Function],
-                                          "readOnly": false,
-                                          "required": undefined,
-                                          "size": undefined,
-                                          "style": {},
-                                          "value": "Option 1",
-                                        },
-                                        "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-disabled": true,
-                                      "data-size": "sm",
-                                      "data-variant": "default",
-                                      "data-with-right-section": true,
+                                      "id": "root_nestedArrayOptional__title",
                                       "size": undefined,
                                       "style": {
-                                        "--input-fz": "var(--mantine-font-size-sm)",
-                                        "--input-height": "var(--input-height-sm)",
-                                        "--input-right-section-pointer-events": "none",
+                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                        "fontWeight": "normal",
                                       },
                                     },
-                                    "type": "div",
+                                    "type": "h4",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_46b77525",
-                                  "data-size": "sm",
+                                  "className": "m_90794832",
+                                  "style": {},
+                                },
+                                "type": "legend",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "className": "row rjsf-array-item-list",
+                                  "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
                                   "style": {},
@@ -8927,1149 +8934,752 @@ exports[`single fields optional data controls does not show optional controls wh
                                           {
                                             "children": [
                                               {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "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_8ee53fc2",
-                                                                  "fill": "none",
-                                                                  "style": undefined,
-                                                                  "viewBox": "0 0 10 7",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                },
-                                                                "type": "svg",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": [
-                                                                  "Option 1",
-                                                                ],
-                                                                "props": {},
-                                                                "type": "span",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
-                                                            "props": {
-                                                              "aria-selected": true,
-                                                              "className": "m_92253aa5 m_390b5f4",
-                                                              "data-checked": true,
-                                                              "data-combobox-active": true,
-                                                              "data-combobox-option": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": undefined,
-                                                              "id": ":ruo:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "0",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "Option 2",
-                                                                ],
-                                                                "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": ":ruq:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "1",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "Option 3",
-                                                                ],
-                                                                "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": ":rus:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "2",
-                                                            },
-                                                            "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,
-                                                  },
-                                                ],
+                                                "children": null,
                                                 "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)",
-                                                  },
+                                                  "d": "M0 0h24v24H0z",
+                                                  "fill": "none",
+                                                  "stroke": "none",
                                                 },
-                                                "type": "div",
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M12 5l0 14",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M5 12l14 0",
+                                                },
+                                                "type": "path",
                                                 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",
+                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                              "fill": "none",
+                                              "height": "24",
+                                              "stroke": "currentColor",
+                                              "strokeLinecap": "round",
+                                              "strokeLinejoin": "round",
+                                              "strokeWidth": "2",
+                                              "style": {
+                                                "height": undefined,
+                                                "width": undefined,
                                               },
+                                              "viewBox": "0 0 24 24",
+                                              "width": "24",
+                                              "xmlns": "http://www.w3.org/2000/svg",
                                             },
-                                            "type": "div",
+                                            "type": "svg",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "",
+                                          "className": "m_8d3afb97",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
-                                          "style": {
-                                            "display": "flex",
-                                            "maxHeight": "calc(13.75rem * var(--mantine-scale))",
-                                            "overflow": "hidden",
-                                          },
+                                          "style": {},
                                         },
-                                        "type": "div",
+                                        "type": "span",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "aria-labelledby": "root_optionalObjectWithOneofs__oneof_select-label",
-                                      "className": "m_b2821a6e",
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "id": "",
-                                      "onMouseDown": [Function],
-                                      "role": "listbox",
+                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                      "data-disabled": true,
+                                      "data-size": "md",
+                                      "data-variant": "subtle",
+                                      "disabled": true,
+                                      "id": "root_nestedArrayOptional__add",
+                                      "onClick": [Function],
                                       "size": undefined,
                                       "style": {
-                                        "--combobox-option-fz": "var(--mantine-font-size-sm)",
-                                        "--combobox-option-padding": "var(--combobox-option-padding-sm)",
+                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                        "--ai-bg": "transparent",
+                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                        "--ai-size": "var(--ai-size-md)",
                                       },
+                                      "title": "Add Item",
+                                      "type": "button",
                                     },
-                                    "type": "div",
+                                    "type": "button",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_38a85659 m_88b62a41",
-                                  "data-composed": true,
-                                  "data-fixed": undefined,
-                                  "data-hidden": true,
-                                  "data-position": "bottom",
+                                  "className": "m_4081bf90",
                                   "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,
+                                    "--group-align": "center",
+                                    "--group-gap": "var(--mantine-spacing-md)",
+                                    "--group-justify": "flex-end",
+                                    "--group-wrap": "wrap",
                                   },
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
+                            ],
+                            "props": {
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                              "data-size": undefined,
+                              "data-variant": "default",
+                              "id": "root_nestedArrayOptional",
+                              "size": undefined,
+                              "style": {},
+                            },
+                            "type": "fieldset",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-array",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  "nestedObject",
+                                ],
+                                "props": {
+                                  "className": "m_8a5d1357",
+                                  "data-order": 3,
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "id": "root_nestedObject__title",
+                                  "size": undefined,
+                                  "style": {
+                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                    "fontWeight": "normal",
+                                  },
+                                },
+                                "type": "h3",
+                                Symbol(cleaned): true,
+                              },
                               {
                                 "children": null,
                                 "props": {
-                                  "disabled": true,
-                                  "form": undefined,
-                                  "name": "root_optionalObjectWithOneofs__oneof_select",
-                                  "type": "hidden",
-                                  "value": "0",
+                                  "dangerouslySetInnerHTML": {
+                                    "__html": ".__m__-rtn{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
                                 },
-                                "type": "input",
+                                "type": "style",
                                 Symbol(cleaned): true,
                               },
                               {
                                 "children": [
                                   {
                                     "children": [
-                                      {
-                                        "children": [
-                                          "optionalObjectWithOneofs",
-                                        ],
-                                        "props": {
-                                          "className": "m_8a5d1357",
-                                          "data-order": 3,
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "id": "root_optionalObjectWithOneofs__title",
-                                          "size": undefined,
-                                          "style": {
-                                            "--title-fw": "var(--mantine-h3-font-weight)",
-                                            "--title-fz": "var(--mantine-h3-font-size)",
-                                            "--title-lh": "var(--mantine-h3-line-height)",
-                                            "fontWeight": "normal",
-                                          },
-                                        },
-                                        "type": "h3",
-                                        Symbol(cleaned): true,
-                                      },
-                                      {
-                                        "children": null,
-                                        "props": {
-                                          "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rv0{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                          },
-                                          "data-mantine-styles": "inline",
-                                          "nonce": undefined,
-                                        },
-                                        "type": "style",
-                                        Symbol(cleaned): true,
-                                      },
                                       {
                                         "children": [
                                           {
                                             "children": [
+                                              {
+                                                "children": [
+                                                  "test",
+                                                ],
+                                                "props": {
+                                                  "className": "m_8fdc1311",
+                                                  "data-size": "sm",
+                                                  "data-variant": undefined,
+                                                  "htmlFor": "root_nestedObject_test",
+                                                  "id": "root_nestedObject_test-label",
+                                                  "onMouseDown": [Function],
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--input-label-size": "var(--mantine-font-size-sm)",
+                                                  },
+                                                },
+                                                "type": "label",
+                                                Symbol(cleaned): true,
+                                              },
                                               {
                                                 "children": [
                                                   {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          "name",
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8fdc1311",
-                                                          "data-size": "sm",
-                                                          "data-variant": undefined,
-                                                          "htmlFor": "root_optionalObjectWithOneofs_name",
-                                                          "id": "root_optionalObjectWithOneofs_name-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-invalid": false,
-                                                              "autoFocus": false,
-                                                              "className": "m_8fb7ebe7",
-                                                              "data-disabled": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": "default",
-                                                              "disabled": true,
-                                                              "id": "root_optionalObjectWithOneofs_name",
-                                                              "name": "root_optionalObjectWithOneofs_name",
-                                                              "placeholder": "",
-                                                              "required": false,
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "type": "text",
-                                                            },
-                                                            "type": "input",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_6c018570",
-                                                          "data-disabled": true,
-                                                          "data-size": "sm",
-                                                          "data-variant": "default",
-                                                          "size": undefined,
-                                                          "style": {
-                                                            "--input-fz": "var(--mantine-font-size-sm)",
-                                                            "--input-height": "var(--input-height-sm)",
-                                                          },
-                                                        },
-                                                        "type": "div",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
+                                                    "children": null,
                                                     "props": {
-                                                      "className": "m_46b77525",
-                                                      "data-size": "sm",
-                                                      "data-variant": undefined,
+                                                      "aria-describedby": undefined,
+                                                      "aria-invalid": false,
+                                                      "autoFocus": false,
+                                                      "className": "m_8fb7ebe7",
+                                                      "data-disabled": true,
+                                                      "data-size": undefined,
+                                                      "data-variant": "default",
+                                                      "disabled": true,
+                                                      "id": "root_nestedObject_test",
+                                                      "name": "root_nestedObject_test",
+                                                      "placeholder": "",
+                                                      "required": false,
                                                       "size": undefined,
                                                       "style": {},
+                                                      "type": "text",
                                                     },
-                                                    "type": "div",
+                                                    "type": "input",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "rjsf-field rjsf-field-string",
-                                                  "style": undefined,
+                                                  "className": "m_6c018570",
+                                                  "data-disabled": true,
+                                                  "data-size": "sm",
+                                                  "data-variant": "default",
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                    "--input-height": "var(--input-height-sm)",
+                                                  },
                                                 },
                                                 "type": "div",
                                                 Symbol(cleaned): true,
-                                              },
-                                            ],
-                                            "props": {
-                                              "className": "",
-                                              "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "size": undefined,
-                                              "style": {},
-                                            },
-                                            "type": "div",
-                                            Symbol(cleaned): true,
-                                          },
-                                        ],
-                                        "props": {
-                                          "className": "m_2415a157 __m__-rv0",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {
-                                            "marginBottom": "var(--mantine-spacing-sm)",
-                                          },
-                                        },
-                                        "type": "div",
-                                        Symbol(cleaned): true,
-                                      },
-                                    ],
-                                    "props": {
-                                      "className": "m_7485cace",
-                                      "data-size": undefined,
-                                      "data-strategy": "block",
-                                      "data-variant": undefined,
-                                      "id": "root_optionalObjectWithOneofs",
-                                      "size": undefined,
-                                      "style": {
-                                        "padding": "0rem",
-                                      },
-                                    },
-                                    "type": "div",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "rjsf-field rjsf-field-object",
-                                  "style": undefined,
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_6d731127",
-                              "data-size": undefined,
-                              "data-variant": undefined,
-                              "size": undefined,
-                              "style": {
-                                "--stack-align": "stretch",
-                                "--stack-gap": "var(--mantine-spacing-md)",
-                                "--stack-justify": "flex-start",
-                                "marginBottom": "1rem",
-                              },
-                            },
-                            "type": "div",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-undefined",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                ],
-                "props": {
-                  "className": "m_2415a157 __m__-rrl",
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "size": undefined,
-                  "style": {
-                    "marginBottom": "var(--mantine-spacing-sm)",
-                  },
-                },
-                "type": "div",
-                Symbol(cleaned): true,
-              },
-            ],
-            "props": {
-              "className": "m_7485cace",
-              "data-size": undefined,
-              "data-strategy": "block",
-              "data-variant": undefined,
-              "id": "root",
-              "size": undefined,
-              "style": {
-                "padding": "0rem",
-              },
-            },
-            "type": "div",
-            Symbol(cleaned): true,
-          },
-        ],
-        "props": {
-          "className": "rjsf-field rjsf-field-object",
-          "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 optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 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_8a5d1357",
-                  "data-order": 3,
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "id": "root__title",
-                  "size": undefined,
-                  "style": {
-                    "--title-fw": "var(--mantine-h3-font-weight)",
-                    "--title-fz": "var(--mantine-h3-font-size)",
-                    "--title-lh": "var(--mantine-h3-line-height)",
-                    "fontWeight": "normal",
-                  },
-                },
-                "type": "h3",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": null,
-                "props": {
-                  "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rnb{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                              },
+                                            ],
+                                            "props": {
+                                              "className": "m_46b77525",
+                                              "data-size": "sm",
+                                              "data-variant": undefined,
+                                              "size": undefined,
+                                              "style": {},
+                                            },
+                                            "type": "div",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "rjsf-field rjsf-field-string",
+                                          "style": undefined,
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_2415a157 __m__-rtn",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {
+                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_7485cace",
+                              "data-size": undefined,
+                              "data-strategy": "block",
+                              "data-variant": undefined,
+                              "id": "root_nestedObject",
+                              "size": undefined,
+                              "style": {
+                                "padding": "0rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-object",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
                   },
-                  "data-mantine-styles": "inline",
-                  "nonce": undefined,
-                },
-                "type": "style",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": [
                   {
                     "children": [
                       {
                         "children": [
                           {
                             "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      "nestedArray",
+                                    ],
+                                    "props": {
+                                      "className": "m_8a5d1357",
+                                      "data-order": 4,
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "id": "root_nestedArray__title",
+                                      "size": undefined,
+                                      "style": {
+                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                        "fontWeight": "normal",
+                                      },
+                                    },
+                                    "type": "h4",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_90794832",
+                                  "style": {},
+                                },
+                                "type": "legend",
+                                Symbol(cleaned): true,
+                              },
                               {
                                 "children": null,
                                 "props": {
-                                  "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rnf{--grid-gutter:var(--mantine-spacing-md);}",
-                                  },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
+                                  "className": "row rjsf-array-item-list",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
                                 },
-                                "type": "style",
+                                "type": "div",
                                 Symbol(cleaned): true,
                               },
                               {
                                 "children": [
                                   {
                                     "children": [
-                                      {
-                                        "children": null,
-                                        "props": {
-                                          "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rnh{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
-                                          },
-                                          "data-mantine-styles": "inline",
-                                          "nonce": undefined,
-                                        },
-                                        "type": "style",
-                                        Symbol(cleaned): true,
-                                      },
                                       {
                                         "children": [
                                           {
                                             "children": [
-                                              "nestedObjectOptional",
-                                            ],
-                                            "props": {
-                                              "className": "m_8a5d1357",
-                                              "data-order": 3,
-                                              "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "id": "root_nestedObjectOptional__title",
-                                              "size": undefined,
-                                              "style": {
-                                                "--title-fw": "var(--mantine-h3-font-weight)",
-                                                "--title-fz": "var(--mantine-h3-font-size)",
-                                                "--title-lh": "var(--mantine-h3-line-height)",
-                                                "fontWeight": "normal",
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M0 0h24v24H0z",
+                                                  "fill": "none",
+                                                  "stroke": "none",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
                                               },
-                                            },
-                                            "type": "h3",
-                                            Symbol(cleaned): true,
-                                          },
-                                        ],
-                                        "props": {
-                                          "className": "m_96bdd299 __m__-rnh",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {},
-                                        },
-                                        "type": "div",
-                                        Symbol(cleaned): true,
-                                      },
-                                      {
-                                        "children": null,
-                                        "props": {
-                                          "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rnk{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
-                                          },
-                                          "data-mantine-styles": "inline",
-                                          "nonce": undefined,
-                                        },
-                                        "type": "style",
-                                        Symbol(cleaned): true,
-                                      },
-                                      {
-                                        "children": [
-                                          {
-                                            "children": [
                                               {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": null,
-                                                        "props": {
-                                                          "d": "M0 0h24v24H0z",
-                                                          "fill": "none",
-                                                          "stroke": "none",
-                                                        },
-                                                        "type": "path",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                      {
-                                                        "children": null,
-                                                        "props": {
-                                                          "d": "M18 6l-12 12",
-                                                        },
-                                                        "type": "path",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                      {
-                                                        "children": null,
-                                                        "props": {
-                                                          "d": "M6 6l12 12",
-                                                        },
-                                                        "type": "path",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "icon icon-tabler icons-tabler-outline icon-tabler-x",
-                                                      "fill": "none",
-                                                      "height": "24",
-                                                      "stroke": "currentColor",
-                                                      "strokeLinecap": "round",
-                                                      "strokeLinejoin": "round",
-                                                      "strokeWidth": "2",
-                                                      "style": {
-                                                        "height": undefined,
-                                                        "width": undefined,
-                                                      },
-                                                      "viewBox": "0 0 24 24",
-                                                      "width": "24",
-                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                    },
-                                                    "type": "svg",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
+                                                "children": null,
                                                 "props": {
-                                                  "className": "m_8d3afb97",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {},
+                                                  "d": "M12 5l0 14",
                                                 },
-                                                "type": "span",
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M5 12l14 0",
+                                                },
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "rjsf-remove-optional-data m_8d3f4000 m_87cf2631",
-                                              "data-size": "sm",
-                                              "data-variant": "subtle",
-                                              "id": "root_nestedObjectOptional__optionalRemove",
-                                              "onClick": [Function],
-                                              "size": undefined,
+                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                              "fill": "none",
+                                              "height": "24",
+                                              "stroke": "currentColor",
+                                              "strokeLinecap": "round",
+                                              "strokeLinejoin": "round",
+                                              "strokeWidth": "2",
                                               "style": {
-                                                "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                "--ai-bg": "transparent",
-                                                "--ai-color": "var(--mantine-color-red-light-color)",
-                                                "--ai-hover": "var(--mantine-color-red-light-hover)",
-                                                "--ai-size": "var(--ai-size-sm)",
+                                                "height": undefined,
+                                                "width": undefined,
                                               },
-                                              "title": "Remove data for optional field",
-                                              "type": "button",
+                                              "viewBox": "0 0 24 24",
+                                              "width": "24",
+                                              "xmlns": "http://www.w3.org/2000/svg",
                                             },
-                                            "type": "button",
+                                            "type": "svg",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_96bdd299 __m__-rnk",
+                                          "className": "m_8d3afb97",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
                                           "style": {},
                                         },
-                                        "type": "div",
+                                        "type": "span",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "m_dee7bd2f",
-                                      "style": {},
+                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                      "data-disabled": true,
+                                      "data-size": "md",
+                                      "data-variant": "subtle",
+                                      "disabled": true,
+                                      "id": "root_nestedArray__add",
+                                      "onClick": [Function],
+                                      "size": undefined,
+                                      "style": {
+                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                        "--ai-bg": "transparent",
+                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                        "--ai-size": "var(--ai-size-md)",
+                                      },
+                                      "title": "Add Item",
+                                      "type": "button",
                                     },
-                                    "type": "div",
+                                    "type": "button",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_410352e9 __m__-rnf",
+                                  "className": "m_4081bf90",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
-                                  "style": {},
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rno{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  "style": {
+                                    "--group-align": "center",
+                                    "--group-gap": "var(--mantine-spacing-md)",
+                                    "--group-justify": "flex-end",
+                                    "--group-wrap": "wrap",
                                   },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
                                 },
-                                "type": "style",
+                                "type": "div",
                                 Symbol(cleaned): true,
                               },
+                            ],
+                            "props": {
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                              "data-size": undefined,
+                              "data-variant": "default",
+                              "id": "root_nestedArray",
+                              "size": undefined,
+                              "style": {},
+                            },
+                            "type": "fieldset",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-array",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
                               {
                                 "children": [
                                   {
                                     "children": [
+                                      "optionalObjectWithOneofs",
+                                    ],
+                                    "props": {
+                                      "className": "m_8fdc1311",
+                                      "data-size": "sm",
+                                      "data-variant": undefined,
+                                      "htmlFor": "root_optionalObjectWithOneofs__oneof_select",
+                                      "id": "root_optionalObjectWithOneofs__oneof_select-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",
+                                          "className": "m_8fb7ebe7",
+                                          "data-disabled": true,
+                                          "data-size": undefined,
+                                          "data-variant": "default",
+                                          "disabled": true,
+                                          "id": "root_optionalObjectWithOneofs__oneof_select",
+                                          "onBlur": [Function],
+                                          "onChange": [Function],
+                                          "onClick": [Function],
+                                          "onFocus": [Function],
+                                          "onKeyDown": [Function],
+                                          "readOnly": false,
+                                          "required": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                          "value": "Option 1",
+                                        },
+                                        "type": "input",
+                                        Symbol(cleaned): true,
+                                      },
                                       {
                                         "children": [
                                           {
                                             "children": [
                                               {
-                                                "children": [
-                                                  "test",
-                                                ],
-                                                "props": {
-                                                  "className": "m_8fdc1311",
-                                                  "data-size": "sm",
-                                                  "data-variant": undefined,
-                                                  "htmlFor": "root_nestedObjectOptional_test",
-                                                  "id": "root_nestedObjectOptional_test-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-invalid": false,
-                                                      "autoFocus": false,
-                                                      "className": "m_8fb7ebe7",
-                                                      "data-size": undefined,
-                                                      "data-variant": "default",
-                                                      "disabled": false,
-                                                      "id": "root_nestedObjectOptional_test",
-                                                      "name": "root_nestedObjectOptional_test",
-                                                      "onBlur": [Function],
-                                                      "onChange": [Function],
-                                                      "onFocus": [Function],
-                                                      "placeholder": "",
-                                                      "required": false,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                      "type": "text",
-                                                      "value": "foo",
-                                                    },
-                                                    "type": "input",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
+                                                "children": null,
                                                 "props": {
-                                                  "className": "m_6c018570",
-                                                  "data-size": "sm",
-                                                  "data-variant": "default",
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                    "--input-height": "var(--input-height-sm)",
-                                                  },
+                                                  "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": "div",
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_46b77525",
-                                              "data-size": "sm",
+                                              "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": "div",
+                                            "type": "svg",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-string",
-                                          "style": undefined,
+                                          "className": "m_82577fc2",
+                                          "data-position": "right",
+                                          "style": {},
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
+                                      "className": "m_6c018570",
+                                      "data-disabled": true,
+                                      "data-size": "sm",
+                                      "data-variant": "default",
+                                      "data-with-right-section": true,
                                       "size": undefined,
-                                      "style": {},
+                                      "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": null,
-                                                "props": {
-                                                  "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-ro2{--grid-gutter:var(--mantine-spacing-md);}",
-                                                  },
-                                                  "data-mantine-styles": "inline",
-                                                  "nonce": undefined,
-                                                },
-                                                "type": "style",
-                                                Symbol(cleaned): true,
-                                              },
                                               {
                                                 "children": [
                                                   {
                                                     "children": [
-                                                      {
-                                                        "children": null,
-                                                        "props": {
-                                                          "dangerouslySetInnerHTML": {
-                                                            "__html": ".__m__-ro4{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
-                                                          },
-                                                          "data-mantine-styles": "inline",
-                                                          "nonce": undefined,
-                                                        },
-                                                        "type": "style",
-                                                        Symbol(cleaned): true,
-                                                      },
                                                       {
                                                         "children": [
                                                           {
                                                             "children": [
-                                                              "deepObjectOptional",
+                                                              {
+                                                                "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_8ee53fc2",
+                                                                  "fill": "none",
+                                                                  "style": undefined,
+                                                                  "viewBox": "0 0 10 7",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                },
+                                                                "type": "svg",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": [
+                                                                  "Option 1",
+                                                                ],
+                                                                "props": {},
+                                                                "type": "span",
+                                                                Symbol(cleaned): true,
+                                                              },
                                                             ],
                                                             "props": {
-                                                              "className": "m_8a5d1357",
-                                                              "data-order": 3,
+                                                              "aria-selected": true,
+                                                              "className": "m_92253aa5 m_390b5f4",
+                                                              "data-checked": true,
+                                                              "data-combobox-active": true,
+                                                              "data-combobox-option": true,
                                                               "data-size": undefined,
                                                               "data-variant": undefined,
-                                                              "id": "root_nestedObjectOptional_deepObjectOptional__title",
+                                                              "id": ":ruo:",
+                                                              "onClick": [Function],
+                                                              "onMouseDown": [Function],
+                                                              "onMouseOver": [Function],
+                                                              "role": "option",
                                                               "size": undefined,
-                                                              "style": {
-                                                                "--title-fw": "var(--mantine-h3-font-weight)",
-                                                                "--title-fz": "var(--mantine-h3-font-size)",
-                                                                "--title-lh": "var(--mantine-h3-line-height)",
-                                                                "fontWeight": "normal",
-                                                              },
+                                                              "style": {},
+                                                              "value": "0",
                                                             },
-                                                            "type": "h3",
+                                                            "type": "div",
                                                             Symbol(cleaned): true,
                                                           },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_96bdd299 __m__-ro4",
-                                                          "data-size": undefined,
-                                                          "data-variant": undefined,
-                                                          "size": undefined,
-                                                          "style": {},
-                                                        },
-                                                        "type": "div",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                      {
-                                                        "children": null,
-                                                        "props": {
-                                                          "dangerouslySetInnerHTML": {
-                                                            "__html": ".__m__-ro7{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
-                                                          },
-                                                          "data-mantine-styles": "inline",
-                                                          "nonce": undefined,
-                                                        },
-                                                        "type": "style",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                      {
-                                                        "children": [
                                                           {
                                                             "children": [
                                                               {
                                                                 "children": [
-                                                                  {
-                                                                    "children": [
-                                                                      {
-                                                                        "children": null,
-                                                                        "props": {
-                                                                          "d": "M0 0h24v24H0z",
-                                                                          "fill": "none",
-                                                                          "stroke": "none",
-                                                                        },
-                                                                        "type": "path",
-                                                                        Symbol(cleaned): true,
-                                                                      },
-                                                                      {
-                                                                        "children": null,
-                                                                        "props": {
-                                                                          "d": "M12 5l0 14",
-                                                                        },
-                                                                        "type": "path",
-                                                                        Symbol(cleaned): true,
-                                                                      },
-                                                                      {
-                                                                        "children": null,
-                                                                        "props": {
-                                                                          "d": "M5 12l14 0",
-                                                                        },
-                                                                        "type": "path",
-                                                                        Symbol(cleaned): true,
-                                                                      },
-                                                                    ],
-                                                                    "props": {
-                                                                      "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                                                      "fill": "none",
-                                                                      "height": "24",
-                                                                      "stroke": "currentColor",
-                                                                      "strokeLinecap": "round",
-                                                                      "strokeLinejoin": "round",
-                                                                      "strokeWidth": "2",
-                                                                      "style": {
-                                                                        "height": undefined,
-                                                                        "width": undefined,
-                                                                      },
-                                                                      "viewBox": "0 0 24 24",
-                                                                      "width": "24",
-                                                                      "xmlns": "http://www.w3.org/2000/svg",
-                                                                    },
-                                                                    "type": "svg",
-                                                                    Symbol(cleaned): true,
-                                                                  },
+                                                                  "Option 2",
                                                                 ],
-                                                                "props": {
-                                                                  "className": "m_8d3afb97",
-                                                                  "data-size": undefined,
-                                                                  "data-variant": undefined,
-                                                                  "size": undefined,
-                                                                  "style": {},
-                                                                },
+                                                                "props": {},
                                                                 "type": "span",
                                                                 Symbol(cleaned): true,
                                                               },
                                                             ],
                                                             "props": {
-                                                              "className": "rjsf-add-optional-data m_8d3f4000 m_87cf2631",
-                                                              "data-size": "sm",
-                                                              "data-variant": "subtle",
-                                                              "id": "root_nestedObjectOptional_deepObjectOptional__optionalAdd",
+                                                              "aria-selected": false,
+                                                              "className": "m_92253aa5 m_390b5f4",
+                                                              "data-combobox-option": true,
+                                                              "data-size": undefined,
+                                                              "data-variant": undefined,
+                                                              "id": ":ruq:",
                                                               "onClick": [Function],
+                                                              "onMouseDown": [Function],
+                                                              "onMouseOver": [Function],
+                                                              "role": "option",
                                                               "size": undefined,
-                                                              "style": {
-                                                                "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                                "--ai-bg": "transparent",
-                                                                "--ai-color": "var(--mantine-color-blue-light-color)",
-                                                                "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                                                "--ai-size": "var(--ai-size-sm)",
+                                                              "style": {},
+                                                              "value": "1",
+                                                            },
+                                                            "type": "div",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": [
+                                                                  "Option 3",
+                                                                ],
+                                                                "props": {},
+                                                                "type": "span",
+                                                                Symbol(cleaned): true,
                                                               },
-                                                              "title": "Add data for optional field",
-                                                              "type": "button",
+                                                            ],
+                                                            "props": {
+                                                              "aria-selected": false,
+                                                              "className": "m_92253aa5 m_390b5f4",
+                                                              "data-combobox-option": true,
+                                                              "data-size": undefined,
+                                                              "data-variant": undefined,
+                                                              "id": ":rus:",
+                                                              "onClick": [Function],
+                                                              "onMouseDown": [Function],
+                                                              "onMouseOver": [Function],
+                                                              "role": "option",
+                                                              "size": undefined,
+                                                              "style": {},
+                                                              "value": "2",
                                                             },
-                                                            "type": "button",
+                                                            "type": "div",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_96bdd299 __m__-ro7",
-                                                          "data-size": undefined,
-                                                          "data-variant": undefined,
-                                                          "size": undefined,
+                                                          "className": "m_b1336c6",
                                                           "style": {},
                                                         },
                                                         "type": "div",
@@ -10077,44 +9687,82 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "m_dee7bd2f",
-                                                      "style": {},
+                                                      "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_410352e9 __m__-ro2",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {},
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rob{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                                  },
-                                                  "data-mantine-styles": "inline",
-                                                  "nonce": undefined,
-                                                },
-                                                "type": "style",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "className": "m_2415a157 __m__-rob",
+                                                  "className": "m_d57069b5",
+                                                  "data-autosize": "true",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
                                                   "style": {
-                                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                                    "--sa-corner-height": "0px",
+                                                    "--sa-corner-width": "0px",
+                                                    "--scrollarea-scrollbar-size": "var(--combobox-padding)",
                                                   },
                                                 },
                                                 "type": "div",
@@ -10122,14 +9770,17 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_7485cace",
+                                              "className": "",
                                               "data-size": undefined,
-                                              "data-strategy": "block",
                                               "data-variant": undefined,
-                                              "id": "root_nestedObjectOptional_deepObjectOptional",
                                               "size": undefined,
                                               "style": {
-                                                "padding": "0rem",
+                                                "display": "flex",
+                                                "flex": 1,
+                                                "flexDirection": "column",
+                                                "minHeight": 0,
+                                                "minWidth": 0,
+                                                "overflow": "hidden",
                                               },
                                             },
                                             "type": "div",
@@ -10137,152 +9788,181 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-object",
-                                          "style": undefined,
+                                          "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": {
-                                      "className": "",
+                                      "aria-labelledby": "root_optionalObjectWithOneofs__oneof_select-label",
+                                      "className": "m_b2821a6e",
                                       "data-size": undefined,
                                       "data-variant": undefined,
+                                      "id": "",
+                                      "onMouseDown": [Function],
+                                      "role": "listbox",
                                       "size": undefined,
-                                      "style": {},
+                                      "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-hidden": true,
+                                  "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": true,
+                                  "form": undefined,
+                                  "name": "root_optionalObjectWithOneofs__oneof_select",
+                                  "type": "hidden",
+                                  "value": "0",
+                                },
+                                "type": "input",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
                                   {
                                     "children": [
                                       {
                                         "children": [
-                                          {
-                                            "children": [
-                                              {
-                                                "children": [
-                                                  "deepObject",
-                                                ],
-                                                "props": {
-                                                  "className": "m_8a5d1357",
-                                                  "data-order": 3,
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "id": "root_nestedObjectOptional_deepObject__title",
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                                    "fontWeight": "normal",
-                                                  },
-                                                },
-                                                "type": "h3",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-rog{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                                  },
-                                                  "data-mantine-styles": "inline",
-                                                  "nonce": undefined,
-                                                },
-                                                "type": "style",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "deepTest",
-                                                                ],
-                                                                "props": {
-                                                                  "className": "m_8fdc1311",
-                                                                  "data-size": "sm",
-                                                                  "data-variant": undefined,
-                                                                  "htmlFor": "root_nestedObjectOptional_deepObject_deepTest",
-                                                                  "id": "root_nestedObjectOptional_deepObject_deepTest-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-invalid": false,
-                                                                      "autoFocus": false,
-                                                                      "className": "m_8fb7ebe7",
-                                                                      "data-size": undefined,
-                                                                      "data-variant": "default",
-                                                                      "disabled": false,
-                                                                      "id": "root_nestedObjectOptional_deepObject_deepTest",
-                                                                      "name": "root_nestedObjectOptional_deepObject_deepTest",
-                                                                      "onBlur": [Function],
-                                                                      "onChange": [Function],
-                                                                      "onFocus": [Function],
-                                                                      "placeholder": "",
-                                                                      "required": false,
-                                                                      "size": undefined,
-                                                                      "style": {},
-                                                                      "type": "text",
-                                                                    },
-                                                                    "type": "input",
-                                                                    Symbol(cleaned): true,
-                                                                  },
-                                                                ],
-                                                                "props": {
-                                                                  "className": "m_6c018570",
-                                                                  "data-size": "sm",
-                                                                  "data-variant": "default",
-                                                                  "size": undefined,
-                                                                  "style": {
-                                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                                    "--input-height": "var(--input-height-sm)",
-                                                                  },
-                                                                },
-                                                                "type": "div",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
+                                          "optionalObjectWithOneofs",
+                                        ],
+                                        "props": {
+                                          "className": "m_8a5d1357",
+                                          "data-order": 3,
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "id": "root_optionalObjectWithOneofs__title",
+                                          "size": undefined,
+                                          "style": {
+                                            "--title-fw": "var(--mantine-h3-font-weight)",
+                                            "--title-fz": "var(--mantine-h3-font-size)",
+                                            "--title-lh": "var(--mantine-h3-line-height)",
+                                            "fontWeight": "normal",
+                                          },
+                                        },
+                                        "type": "h3",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-rv0{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                          },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
+                                        },
+                                        "type": "style",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": [
+                                                          "name",
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_8fdc1311",
+                                                          "data-size": "sm",
+                                                          "data-variant": undefined,
+                                                          "htmlFor": "root_optionalObjectWithOneofs_name",
+                                                          "id": "root_optionalObjectWithOneofs_name-label",
+                                                          "onMouseDown": [Function],
+                                                          "size": undefined,
+                                                          "style": {
+                                                            "--input-label-size": "var(--mantine-font-size-sm)",
+                                                          },
+                                                        },
+                                                        "type": "label",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": null,
                                                             "props": {
-                                                              "className": "m_46b77525",
-                                                              "data-size": "sm",
-                                                              "data-variant": undefined,
+                                                              "aria-describedby": undefined,
+                                                              "aria-invalid": false,
+                                                              "autoFocus": false,
+                                                              "className": "m_8fb7ebe7",
+                                                              "data-disabled": true,
+                                                              "data-size": undefined,
+                                                              "data-variant": "default",
+                                                              "disabled": true,
+                                                              "id": "root_optionalObjectWithOneofs_name",
+                                                              "name": "root_optionalObjectWithOneofs_name",
+                                                              "placeholder": "",
+                                                              "required": false,
                                                               "size": undefined,
                                                               "style": {},
+                                                              "type": "text",
                                                             },
-                                                            "type": "div",
+                                                            "type": "input",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "rjsf-field rjsf-field-string",
-                                                          "style": undefined,
+                                                          "className": "m_6c018570",
+                                                          "data-disabled": true,
+                                                          "data-size": "sm",
+                                                          "data-variant": "default",
+                                                          "size": undefined,
+                                                          "style": {
+                                                            "--input-fz": "var(--mantine-font-size-sm)",
+                                                            "--input-height": "var(--input-height-sm)",
+                                                          },
                                                         },
                                                         "type": "div",
                                                         Symbol(cleaned): true,
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "",
-                                                      "data-size": undefined,
+                                                      "className": "m_46b77525",
+                                                      "data-size": "sm",
                                                       "data-variant": undefined,
                                                       "size": undefined,
                                                       "style": {},
@@ -10292,100 +9972,225 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-rog",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "marginBottom": "var(--mantine-spacing-sm)",
-                                                  },
+                                                  "className": "rjsf-field rjsf-field-string",
+                                                  "style": undefined,
                                                 },
                                                 "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_7485cace",
+                                              "className": "",
                                               "data-size": undefined,
-                                              "data-strategy": "block",
                                               "data-variant": undefined,
-                                              "id": "root_nestedObjectOptional_deepObject",
                                               "size": undefined,
-                                              "style": {
-                                                "padding": "0rem",
-                                              },
+                                              "style": {},
                                             },
                                             "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-object",
-                                          "style": undefined,
+                                          "className": "m_2415a157 __m__-rv0",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {
+                                            "marginBottom": "var(--mantine-spacing-sm)",
+                                          },
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
+                                      "className": "m_7485cace",
                                       "data-size": undefined,
+                                      "data-strategy": "block",
                                       "data-variant": undefined,
+                                      "id": "root_optionalObjectWithOneofs",
                                       "size": undefined,
-                                      "style": {},
+                                      "style": {
+                                        "padding": "0rem",
+                                      },
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "rjsf-field rjsf-field-object",
+                                  "style": undefined,
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_6d731127",
+                              "data-size": undefined,
+                              "data-variant": undefined,
+                              "size": undefined,
+                              "style": {
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-undefined",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      "optionalArrayWithAnyofs",
+                                    ],
+                                    "props": {
+                                      "className": "m_8fdc1311",
+                                      "data-size": "sm",
+                                      "data-variant": undefined,
+                                      "htmlFor": "root_optionalArrayWithAnyofs__anyof_select",
+                                      "id": "root_optionalArrayWithAnyofs__anyof_select-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",
+                                          "className": "m_8fb7ebe7",
+                                          "data-disabled": true,
+                                          "data-size": undefined,
+                                          "data-variant": "default",
+                                          "disabled": true,
+                                          "id": "root_optionalArrayWithAnyofs__anyof_select",
+                                          "onBlur": [Function],
+                                          "onChange": [Function],
+                                          "onClick": [Function],
+                                          "onFocus": [Function],
+                                          "onKeyDown": [Function],
+                                          "readOnly": false,
+                                          "required": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                          "value": "Option 1",
+                                        },
+                                        "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-disabled": true,
+                                      "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": [
-                                                      "deepArrayOptional",
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_8a5d1357",
-                                                      "data-order": 4,
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional__title",
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                                        "fontWeight": "normal",
-                                                      },
-                                                    },
-                                                    "type": "h4",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "m_90794832",
-                                                  "style": {},
-                                                },
-                                                "type": "legend",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "className": "row rjsf-array-item-list",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {},
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
                                               {
                                                 "children": [
                                                   {
@@ -10395,94 +10200,203 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                           {
                                                             "children": [
                                                               {
-                                                                "children": null,
+                                                                "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": {
-                                                                  "d": "M0 0h24v24H0z",
+                                                                  "aria-hidden": true,
+                                                                  "className": "m_8ee53fc2",
                                                                   "fill": "none",
-                                                                  "stroke": "none",
+                                                                  "style": undefined,
+                                                                  "viewBox": "0 0 10 7",
+                                                                  "xmlns": "http://www.w3.org/2000/svg",
                                                                 },
-                                                                "type": "path",
+                                                                "type": "svg",
                                                                 Symbol(cleaned): true,
                                                               },
                                                               {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M12 5l0 14",
-                                                                },
-                                                                "type": "path",
+                                                                "children": [
+                                                                  "Option 1",
+                                                                ],
+                                                                "props": {},
+                                                                "type": "span",
                                                                 Symbol(cleaned): true,
                                                               },
+                                                            ],
+                                                            "props": {
+                                                              "aria-selected": true,
+                                                              "className": "m_92253aa5 m_390b5f4",
+                                                              "data-checked": true,
+                                                              "data-combobox-active": true,
+                                                              "data-combobox-option": true,
+                                                              "data-size": undefined,
+                                                              "data-variant": undefined,
+                                                              "id": ":rvq:",
+                                                              "onClick": [Function],
+                                                              "onMouseDown": [Function],
+                                                              "onMouseOver": [Function],
+                                                              "role": "option",
+                                                              "size": undefined,
+                                                              "style": {},
+                                                              "value": "0",
+                                                            },
+                                                            "type": "div",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                          {
+                                                            "children": [
                                                               {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M5 12l14 0",
-                                                                },
-                                                                "type": "path",
+                                                                "children": [
+                                                                  "Option 2",
+                                                                ],
+                                                                "props": {},
+                                                                "type": "span",
                                                                 Symbol(cleaned): true,
                                                               },
                                                             ],
                                                             "props": {
-                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                                              "fill": "none",
-                                                              "height": "24",
-                                                              "stroke": "currentColor",
-                                                              "strokeLinecap": "round",
-                                                              "strokeLinejoin": "round",
-                                                              "strokeWidth": "2",
-                                                              "style": {
-                                                                "height": undefined,
-                                                                "width": undefined,
+                                                              "aria-selected": false,
+                                                              "className": "m_92253aa5 m_390b5f4",
+                                                              "data-combobox-option": true,
+                                                              "data-size": undefined,
+                                                              "data-variant": undefined,
+                                                              "id": ":rvs:",
+                                                              "onClick": [Function],
+                                                              "onMouseDown": [Function],
+                                                              "onMouseOver": [Function],
+                                                              "role": "option",
+                                                              "size": undefined,
+                                                              "style": {},
+                                                              "value": "1",
+                                                            },
+                                                            "type": "div",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": [
+                                                                  "Option 3",
+                                                                ],
+                                                                "props": {},
+                                                                "type": "span",
+                                                                Symbol(cleaned): true,
                                                               },
-                                                              "viewBox": "0 0 24 24",
-                                                              "width": "24",
-                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            ],
+                                                            "props": {
+                                                              "aria-selected": false,
+                                                              "className": "m_92253aa5 m_390b5f4",
+                                                              "data-combobox-option": true,
+                                                              "data-size": undefined,
+                                                              "data-variant": undefined,
+                                                              "id": ":rvu:",
+                                                              "onClick": [Function],
+                                                              "onMouseDown": [Function],
+                                                              "onMouseOver": [Function],
+                                                              "role": "option",
+                                                              "size": undefined,
+                                                              "style": {},
+                                                              "value": "2",
                                                             },
-                                                            "type": "svg",
+                                                            "type": "div",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_8d3afb97",
-                                                          "data-size": undefined,
-                                                          "data-variant": undefined,
-                                                          "size": undefined,
+                                                          "className": "m_b1336c6",
                                                           "style": {},
                                                         },
-                                                        "type": "span",
+                                                        "type": "div",
                                                         Symbol(cleaned): true,
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                                      "data-size": "md",
-                                                      "data-variant": "subtle",
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional__add",
-                                                      "onClick": [Function],
+                                                      "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": {
-                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                        "--ai-bg": "transparent",
-                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                                        "--ai-size": "var(--ai-size-md)",
+                                                        "overflowX": "scroll",
+                                                        "overflowY": "scroll",
                                                       },
-                                                      "title": "Add Item",
-                                                      "type": "button",
                                                     },
-                                                    "type": "button",
+                                                    "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_4081bf90",
+                                                  "className": "m_d57069b5",
+                                                  "data-autosize": "true",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--group-align": "center",
-                                                    "--group-gap": "var(--mantine-spacing-md)",
-                                                    "--group-justify": "flex-end",
-                                                    "--group-wrap": "wrap",
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--sa-corner-height": "0px",
+                                                    "--sa-corner-width": "0px",
+                                                    "--scrollarea-scrollbar-size": "var(--combobox-padding)",
                                                   },
                                                 },
                                                 "type": "div",
@@ -10490,320 +10404,274 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                                              "className": "",
                                               "data-size": undefined,
-                                              "data-variant": "default",
-                                              "id": "root_nestedObjectOptional_deepArrayOptional",
+                                              "data-variant": undefined,
                                               "size": undefined,
-                                              "style": {},
+                                              "style": {
+                                                "display": "flex",
+                                                "flex": 1,
+                                                "flexDirection": "column",
+                                                "minHeight": 0,
+                                                "minWidth": 0,
+                                                "overflow": "hidden",
+                                              },
                                             },
-                                            "type": "fieldset",
+                                            "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-array",
-                                          "style": undefined,
+                                          "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": {
-                                      "className": "",
+                                      "aria-labelledby": "root_optionalArrayWithAnyofs__anyof_select-label",
+                                      "className": "m_b2821a6e",
                                       "data-size": undefined,
                                       "data-variant": undefined,
+                                      "id": "",
+                                      "onMouseDown": [Function],
+                                      "role": "listbox",
                                       "size": undefined,
-                                      "style": {},
+                                      "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-hidden": true,
+                                  "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": true,
+                                  "form": undefined,
+                                  "name": "root_optionalArrayWithAnyofs__anyof_select",
+                                  "type": "hidden",
+                                  "value": "0",
+                                },
+                                "type": "input",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
                                   {
                                     "children": [
                                       {
                                         "children": [
                                           {
                                             "children": [
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      "deepArrayOptional2",
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_8a5d1357",
-                                                      "data-order": 4,
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__title",
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                                        "fontWeight": "normal",
-                                                      },
-                                                    },
-                                                    "type": "h4",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "m_90794832",
-                                                  "style": {},
-                                                },
-                                                "type": "legend",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "className": "row rjsf-array-item-list",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {},
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
+                                              "optionalArrayWithAnyofs",
                                             ],
                                             "props": {
-                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                                              "className": "m_8a5d1357",
+                                              "data-order": 4,
                                               "data-size": undefined,
-                                              "data-variant": "default",
-                                              "id": "root_nestedObjectOptional_deepArrayOptional2",
+                                              "data-variant": undefined,
+                                              "id": "root_optionalArrayWithAnyofs__title",
                                               "size": undefined,
-                                              "style": {},
+                                              "style": {
+                                                "--title-fw": "var(--mantine-h4-font-weight)",
+                                                "--title-fz": "var(--mantine-h4-font-size)",
+                                                "--title-lh": "var(--mantine-h4-line-height)",
+                                                "fontWeight": "normal",
+                                              },
                                             },
-                                            "type": "fieldset",
+                                            "type": "h4",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-array",
-                                          "style": undefined,
+                                          "className": "m_90794832",
+                                          "style": {},
+                                        },
+                                        "type": "legend",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "className": "row rjsf-array-item-list",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
-                                    ],
-                                    "props": {
-                                      "className": "",
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "size": undefined,
-                                      "style": {},
-                                    },
-                                    "type": "div",
-                                    Symbol(cleaned): true,
-                                  },
-                                  {
-                                    "children": [
                                       {
                                         "children": [
                                           {
                                             "children": [
                                               {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      "deepArray",
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_8a5d1357",
-                                                      "data-order": 4,
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "id": "root_nestedObjectOptional_deepArray__title",
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                                        "fontWeight": "normal",
-                                                      },
-                                                    },
-                                                    "type": "h4",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "m_90794832",
-                                                  "style": {},
-                                                },
-                                                "type": "legend",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "className": "row rjsf-array-item-list",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {},
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M0 0h24v24H0z",
-                                                                  "fill": "none",
-                                                                  "stroke": "none",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M12 5l0 14",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M5 12l14 0",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
-                                                            "props": {
-                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                                              "fill": "none",
-                                                              "height": "24",
-                                                              "stroke": "currentColor",
-                                                              "strokeLinecap": "round",
-                                                              "strokeLinejoin": "round",
-                                                              "strokeWidth": "2",
-                                                              "style": {
-                                                                "height": undefined,
-                                                                "width": undefined,
-                                                              },
-                                                              "viewBox": "0 0 24 24",
-                                                              "width": "24",
-                                                              "xmlns": "http://www.w3.org/2000/svg",
-                                                            },
-                                                            "type": "svg",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": null,
                                                         "props": {
-                                                          "className": "m_8d3afb97",
-                                                          "data-size": undefined,
-                                                          "data-variant": undefined,
-                                                          "size": undefined,
-                                                          "style": {},
+                                                          "d": "M0 0h24v24H0z",
+                                                          "fill": "none",
+                                                          "stroke": "none",
                                                         },
-                                                        "type": "span",
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M12 5l0 14",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M5 12l14 0",
+                                                        },
+                                                        "type": "path",
                                                         Symbol(cleaned): true,
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                                      "data-size": "md",
-                                                      "data-variant": "subtle",
-                                                      "id": "root_nestedObjectOptional_deepArray__add",
-                                                      "onClick": [Function],
-                                                      "size": undefined,
+                                                      "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                      "fill": "none",
+                                                      "height": "24",
+                                                      "stroke": "currentColor",
+                                                      "strokeLinecap": "round",
+                                                      "strokeLinejoin": "round",
+                                                      "strokeWidth": "2",
                                                       "style": {
-                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                        "--ai-bg": "transparent",
-                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                                        "--ai-size": "var(--ai-size-md)",
+                                                        "height": undefined,
+                                                        "width": undefined,
                                                       },
-                                                      "title": "Add Item",
-                                                      "type": "button",
+                                                      "viewBox": "0 0 24 24",
+                                                      "width": "24",
+                                                      "xmlns": "http://www.w3.org/2000/svg",
                                                     },
-                                                    "type": "button",
+                                                    "type": "svg",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_4081bf90",
+                                                  "className": "m_8d3afb97",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
-                                                  "style": {
-                                                    "--group-align": "center",
-                                                    "--group-gap": "var(--mantine-spacing-md)",
-                                                    "--group-justify": "flex-end",
-                                                    "--group-wrap": "wrap",
-                                                  },
+                                                  "style": {},
                                                 },
-                                                "type": "div",
+                                                "type": "span",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
-                                              "data-size": undefined,
-                                              "data-variant": "default",
-                                              "id": "root_nestedObjectOptional_deepArray",
+                                              "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                              "data-disabled": true,
+                                              "data-size": "md",
+                                              "data-variant": "subtle",
+                                              "disabled": true,
+                                              "id": "root_optionalArrayWithAnyofs__add",
+                                              "onClick": [Function],
                                               "size": undefined,
-                                              "style": {},
+                                              "style": {
+                                                "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                "--ai-bg": "transparent",
+                                                "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                "--ai-size": "var(--ai-size-md)",
+                                              },
+                                              "title": "Add Item",
+                                              "type": "button",
                                             },
-                                            "type": "fieldset",
+                                            "type": "button",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-array",
-                                          "style": undefined,
+                                          "className": "m_4081bf90",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {
+                                            "--group-align": "center",
+                                            "--group-gap": "var(--mantine-spacing-md)",
+                                            "--group-justify": "flex-end",
+                                            "--group-wrap": "wrap",
+                                          },
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
+                                      "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
                                       "data-size": undefined,
-                                      "data-variant": undefined,
+                                      "data-variant": "default",
+                                      "id": "root_optionalArrayWithAnyofs",
                                       "size": undefined,
                                       "style": {},
                                     },
-                                    "type": "div",
+                                    "type": "fieldset",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rno",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "marginBottom": "var(--mantine-spacing-sm)",
-                                  },
+                                  "className": "rjsf-field rjsf-field-array",
+                                  "style": undefined,
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
                             ],
                             "props": {
-                              "className": "m_7485cace",
+                              "className": "m_6d731127",
                               "data-size": undefined,
-                              "data-strategy": "block",
                               "data-variant": undefined,
-                              "id": "root_nestedObjectOptional",
                               "size": undefined,
                               "style": {
-                                "padding": "0rem",
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
                               },
                             },
                             "type": "div",
@@ -10811,7 +10679,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-object",
+                          "className": "rjsf-field rjsf-field-undefined",
                           "style": undefined,
                         },
                         "type": "div",
@@ -10828,6 +10696,169 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                     "type": "div",
                     Symbol(cleaned): true,
                   },
+                ],
+                "props": {
+                  "className": "m_2415a157 __m__-rrl",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "size": undefined,
+                  "style": {
+                    "marginBottom": "var(--mantine-spacing-sm)",
+                  },
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_7485cace",
+              "data-size": undefined,
+              "data-strategy": "block",
+              "data-variant": undefined,
+              "id": "root",
+              "size": undefined,
+              "style": {
+                "padding": "0rem",
+              },
+            },
+            "type": "div",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "rjsf-field rjsf-field-object",
+          "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 optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 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_8a5d1357",
+                  "data-order": 3,
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "id": "root__title",
+                  "size": undefined,
+                  "style": {
+                    "--title-fw": "var(--mantine-h3-font-weight)",
+                    "--title-fz": "var(--mantine-h3-font-size)",
+                    "--title-lh": "var(--mantine-h3-line-height)",
+                    "fontWeight": "normal",
+                  },
+                },
+                "type": "h3",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": null,
+                "props": {
+                  "dangerouslySetInnerHTML": {
+                    "__html": ".__m__-rnq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                  },
+                  "data-mantine-styles": "inline",
+                  "nonce": undefined,
+                },
+                "type": "style",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": [
                   {
                     "children": [
                       {
@@ -10835,34 +10866,15 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                           {
                             "children": [
                               {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "nestedArrayOptional",
-                                    ],
-                                    "props": {
-                                      "className": "m_8a5d1357",
-                                      "data-order": 4,
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "id": "root_nestedArrayOptional__title",
-                                      "size": undefined,
-                                      "style": {
-                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                        "fontWeight": "normal",
-                                      },
-                                    },
-                                    "type": "h4",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
+                                "children": null,
                                 "props": {
-                                  "className": "m_90794832",
-                                  "style": {},
+                                  "dangerouslySetInnerHTML": {
+                                    "__html": ".__m__-rnu{--grid-gutter:var(--mantine-spacing-md);}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
                                 },
-                                "type": "legend",
+                                "type": "style",
                                 Symbol(cleaned): true,
                               },
                               {
@@ -10870,425 +10882,184 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   {
                                     "children": [
                                       {
-                                        "children": [
-                                          {
-                                            "children": [
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          "nestedArrayOptional-0",
-                                                          {
-                                                            "children": [
-                                                              " *",
-                                                            ],
-                                                            "props": {
-                                                              "aria-hidden": true,
-                                                              "className": "m_78a94662",
-                                                              "style": {},
-                                                            },
-                                                            "type": "span",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8fdc1311",
-                                                          "data-required": true,
-                                                          "data-size": "sm",
-                                                          "data-variant": undefined,
-                                                          "htmlFor": "root_nestedArrayOptional_0",
-                                                          "id": "root_nestedArrayOptional_0-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-invalid": false,
-                                                              "autoFocus": false,
-                                                              "className": "m_8fb7ebe7",
-                                                              "data-size": undefined,
-                                                              "data-variant": "default",
-                                                              "disabled": false,
-                                                              "id": "root_nestedArrayOptional_0",
-                                                              "name": "root_nestedArrayOptional_0",
-                                                              "onBlur": [Function],
-                                                              "onChange": [Function],
-                                                              "onFocus": [Function],
-                                                              "placeholder": "",
-                                                              "required": true,
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "type": "text",
-                                                              "value": "bar",
-                                                            },
-                                                            "type": "input",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_6c018570",
-                                                          "data-size": "sm",
-                                                          "data-variant": "default",
-                                                          "size": undefined,
-                                                          "style": {
-                                                            "--input-fz": "var(--mantine-font-size-sm)",
-                                                            "--input-height": "var(--input-height-sm)",
-                                                          },
-                                                        },
-                                                        "type": "div",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_46b77525",
-                                                      "data-size": "sm",
-                                                      "data-variant": undefined,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                    },
-                                                    "type": "div",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "rjsf-field rjsf-field-string",
-                                                  "style": undefined,
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
-                                            ],
-                                            "props": {
-                                              "className": "",
-                                              "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "size": undefined,
-                                              "style": {
-                                                "width": "100%",
-                                              },
-                                            },
-                                            "type": "div",
-                                            Symbol(cleaned): true,
+                                        "children": null,
+                                        "props": {
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-ro0{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
                                           },
-                                          {
-                                            "children": [
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": null,
-                                                            "props": {
-                                                              "d": "M0 0h24v24H0z",
-                                                              "fill": "none",
-                                                              "stroke": "none",
-                                                            },
-                                                            "type": "path",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": null,
-                                                            "props": {
-                                                              "d": "M18 6l-12 12",
-                                                            },
-                                                            "type": "path",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": null,
-                                                            "props": {
-                                                              "d": "M6 6l12 12",
-                                                            },
-                                                            "type": "path",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "icon icon-tabler icons-tabler-outline icon-tabler-x",
-                                                          "fill": "none",
-                                                          "height": "24",
-                                                          "stroke": "currentColor",
-                                                          "strokeLinecap": "round",
-                                                          "strokeLinejoin": "round",
-                                                          "strokeWidth": "2",
-                                                          "style": {
-                                                            "height": undefined,
-                                                            "width": undefined,
-                                                          },
-                                                          "viewBox": "0 0 24 24",
-                                                          "width": "24",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
-                                                        },
-                                                        "type": "svg",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_8d3afb97",
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                    },
-                                                    "type": "span",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "rjsf-array-item-remove m_8d3f4000 m_87cf2631",
-                                                  "data-size": "sm",
-                                                  "data-variant": "subtle",
-                                                  "id": "root_nestedArrayOptional_0__remove",
-                                                  "onClick": [Function],
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                    "--ai-bg": "transparent",
-                                                    "--ai-color": "var(--mantine-color-red-light-color)",
-                                                    "--ai-hover": "var(--mantine-color-red-light-hover)",
-                                                    "--ai-size": "var(--ai-size-sm)",
-                                                  },
-                                                  "title": "Remove",
-                                                  "type": "button",
-                                                },
-                                                "type": "button",
-                                                Symbol(cleaned): true,
-                                              },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
+                                        },
+                                        "type": "style",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              "nestedObjectOptional",
                                             ],
                                             "props": {
-                                              "className": "m_4081bf90",
+                                              "className": "m_8a5d1357",
+                                              "data-order": 3,
                                               "data-size": undefined,
                                               "data-variant": undefined,
+                                              "id": "root_nestedObjectOptional__title",
                                               "size": undefined,
                                               "style": {
-                                                "--group-align": "center",
-                                                "--group-gap": "calc(0.125rem * var(--mantine-scale))",
-                                                "--group-justify": "flex-start",
-                                                "--group-wrap": "nowrap",
-                                                "marginBottom": "calc(0.4375rem * var(--mantine-scale))",
+                                                "--title-fw": "var(--mantine-h3-font-weight)",
+                                                "--title-fz": "var(--mantine-h3-font-size)",
+                                                "--title-lh": "var(--mantine-h3-line-height)",
+                                                "fontWeight": "normal",
                                               },
                                             },
-                                            "type": "div",
+                                            "type": "h3",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-rpf",
+                                          "className": "m_96bdd299 __m__-ro0",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
-                                          "style": {
-                                            "alignItems": "end",
-                                            "gap": "var(--mantine-spacing-xs)",
-                                            "justifyContent": "center",
-                                          },
+                                          "style": {},
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
-                                    ],
-                                    "props": {
-                                      "className": "rjsf-array-item",
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "size": undefined,
-                                      "style": {
-                                        "marginBottom": "var(--mantine-spacing-xs)",
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-ro3{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                          },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
+                                        },
+                                        "type": "style",
+                                        Symbol(cleaned): true,
                                       },
-                                    },
-                                    "type": "div",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
-                                  {
-                                    "children": [
                                       {
                                         "children": [
                                           {
                                             "children": [
                                               {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M0 0h24v24H0z",
-                                                  "fill": "none",
-                                                  "stroke": "none",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M12 5l0 14",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M0 0h24v24H0z",
+                                                          "fill": "none",
+                                                          "stroke": "none",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M18 6l-12 12",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M6 6l12 12",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "icon icon-tabler icons-tabler-outline icon-tabler-x",
+                                                      "fill": "none",
+                                                      "height": "24",
+                                                      "stroke": "currentColor",
+                                                      "strokeLinecap": "round",
+                                                      "strokeLinejoin": "round",
+                                                      "strokeWidth": "2",
+                                                      "style": {
+                                                        "height": undefined,
+                                                        "width": undefined,
+                                                      },
+                                                      "viewBox": "0 0 24 24",
+                                                      "width": "24",
+                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                    },
+                                                    "type": "svg",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
                                                 "props": {
-                                                  "d": "M5 12l14 0",
+                                                  "className": "m_8d3afb97",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
                                                 },
-                                                "type": "path",
+                                                "type": "span",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                              "fill": "none",
-                                              "height": "24",
-                                              "stroke": "currentColor",
-                                              "strokeLinecap": "round",
-                                              "strokeLinejoin": "round",
-                                              "strokeWidth": "2",
+                                              "className": "rjsf-remove-optional-data m_8d3f4000 m_87cf2631",
+                                              "data-size": "sm",
+                                              "data-variant": "subtle",
+                                              "id": "root_nestedObjectOptional__optionalRemove",
+                                              "onClick": [Function],
+                                              "size": undefined,
                                               "style": {
-                                                "height": undefined,
-                                                "width": undefined,
+                                                "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                "--ai-bg": "transparent",
+                                                "--ai-color": "var(--mantine-color-red-light-color)",
+                                                "--ai-hover": "var(--mantine-color-red-light-hover)",
+                                                "--ai-size": "var(--ai-size-sm)",
                                               },
-                                              "viewBox": "0 0 24 24",
-                                              "width": "24",
-                                              "xmlns": "http://www.w3.org/2000/svg",
+                                              "title": "Remove data for optional field",
+                                              "type": "button",
                                             },
-                                            "type": "svg",
+                                            "type": "button",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8d3afb97",
+                                          "className": "m_96bdd299 __m__-ro3",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
                                           "style": {},
                                         },
-                                        "type": "span",
+                                        "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                      "data-size": "md",
-                                      "data-variant": "subtle",
-                                      "id": "root_nestedArrayOptional__add",
-                                      "onClick": [Function],
-                                      "size": undefined,
-                                      "style": {
-                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                        "--ai-bg": "transparent",
-                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                        "--ai-size": "var(--ai-size-md)",
-                                      },
-                                      "title": "Add Item",
-                                      "type": "button",
+                                      "className": "m_dee7bd2f",
+                                      "style": {},
                                     },
-                                    "type": "button",
+                                    "type": "div",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_4081bf90",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "--group-align": "center",
-                                    "--group-gap": "var(--mantine-spacing-md)",
-                                    "--group-justify": "flex-end",
-                                    "--group-wrap": "wrap",
-                                  },
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
-                              "data-size": undefined,
-                              "data-variant": "default",
-                              "id": "root_nestedArrayOptional",
-                              "size": undefined,
-                              "style": {},
-                            },
-                            "type": "fieldset",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-array",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  "nestedObject",
-                                ],
-                                "props": {
-                                  "className": "m_8a5d1357",
-                                  "data-order": 3,
+                                  "className": "m_410352e9 __m__-rnu",
                                   "data-size": undefined,
                                   "data-variant": undefined,
-                                  "id": "root_nestedObject__title",
                                   "size": undefined,
-                                  "style": {
-                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                    "fontWeight": "normal",
-                                  },
+                                  "style": {},
                                 },
-                                "type": "h3",
+                                "type": "div",
                                 Symbol(cleaned): true,
                               },
                               {
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rq0{--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,
@@ -11312,8 +11083,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                   "className": "m_8fdc1311",
                                                   "data-size": "sm",
                                                   "data-variant": undefined,
-                                                  "htmlFor": "root_nestedObject_test",
-                                                  "id": "root_nestedObject_test-label",
+                                                  "htmlFor": "root_nestedObjectOptional_test",
+                                                  "id": "root_nestedObjectOptional_test-label",
                                                   "onMouseDown": [Function],
                                                   "size": undefined,
                                                   "style": {
@@ -11335,8 +11106,8 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                       "data-size": undefined,
                                                       "data-variant": "default",
                                                       "disabled": false,
-                                                      "id": "root_nestedObject_test",
-                                                      "name": "root_nestedObject_test",
+                                                      "id": "root_nestedObjectOptional_test",
+                                                      "name": "root_nestedObjectOptional_test",
                                                       "onBlur": [Function],
                                                       "onChange": [Function],
                                                       "onFocus": [Function],
@@ -11345,6 +11116,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                       "size": undefined,
                                                       "style": {},
                                                       "type": "text",
+                                                      "value": "foo",
                                                     },
                                                     "type": "input",
                                                     Symbol(cleaned): true,
@@ -11393,104 +11165,6 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                     "type": "div",
                                     Symbol(cleaned): true,
                                   },
-                                ],
-                                "props": {
-                                  "className": "m_2415a157 __m__-rq0",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "marginBottom": "var(--mantine-spacing-sm)",
-                                  },
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_7485cace",
-                              "data-size": undefined,
-                              "data-strategy": "block",
-                              "data-variant": undefined,
-                              "id": "root_nestedObject",
-                              "size": undefined,
-                              "style": {
-                                "padding": "0rem",
-                              },
-                            },
-                            "type": "div",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-object",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "nestedArray",
-                                    ],
-                                    "props": {
-                                      "className": "m_8a5d1357",
-                                      "data-order": 4,
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "id": "root_nestedArray__title",
-                                      "size": undefined,
-                                      "style": {
-                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                        "fontWeight": "normal",
-                                      },
-                                    },
-                                    "type": "h4",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_90794832",
-                                  "style": {},
-                                },
-                                "type": "legend",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
                                   {
                                     "children": [
                                       {
@@ -11500,258 +11174,292 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                               {
                                                 "children": null,
                                                 "props": {
-                                                  "d": "M0 0h24v24H0z",
-                                                  "fill": "none",
-                                                  "stroke": "none",
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-roh{--grid-gutter:var(--mantine-spacing-md);}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
                                                 },
-                                                "type": "path",
+                                                "type": "style",
                                                 Symbol(cleaned): true,
                                               },
                                               {
-                                                "children": null,
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "dangerouslySetInnerHTML": {
+                                                            "__html": ".__m__-roj{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
+                                                          },
+                                                          "data-mantine-styles": "inline",
+                                                          "nonce": undefined,
+                                                        },
+                                                        "type": "style",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": [
+                                                              "deepObjectOptional",
+                                                            ],
+                                                            "props": {
+                                                              "className": "m_8a5d1357",
+                                                              "data-order": 3,
+                                                              "data-size": undefined,
+                                                              "data-variant": undefined,
+                                                              "id": "root_nestedObjectOptional_deepObjectOptional__title",
+                                                              "size": undefined,
+                                                              "style": {
+                                                                "--title-fw": "var(--mantine-h3-font-weight)",
+                                                                "--title-fz": "var(--mantine-h3-font-size)",
+                                                                "--title-lh": "var(--mantine-h3-line-height)",
+                                                                "fontWeight": "normal",
+                                                              },
+                                                            },
+                                                            "type": "h3",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_96bdd299 __m__-roj",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
+                                                          "style": {},
+                                                        },
+                                                        "type": "div",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "dangerouslySetInnerHTML": {
+                                                            "__html": ".__m__-rom{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                                          },
+                                                          "data-mantine-styles": "inline",
+                                                          "nonce": undefined,
+                                                        },
+                                                        "type": "style",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": [
+                                                                  {
+                                                                    "children": [
+                                                                      {
+                                                                        "children": null,
+                                                                        "props": {
+                                                                          "d": "M0 0h24v24H0z",
+                                                                          "fill": "none",
+                                                                          "stroke": "none",
+                                                                        },
+                                                                        "type": "path",
+                                                                        Symbol(cleaned): true,
+                                                                      },
+                                                                      {
+                                                                        "children": null,
+                                                                        "props": {
+                                                                          "d": "M12 5l0 14",
+                                                                        },
+                                                                        "type": "path",
+                                                                        Symbol(cleaned): true,
+                                                                      },
+                                                                      {
+                                                                        "children": null,
+                                                                        "props": {
+                                                                          "d": "M5 12l14 0",
+                                                                        },
+                                                                        "type": "path",
+                                                                        Symbol(cleaned): true,
+                                                                      },
+                                                                    ],
+                                                                    "props": {
+                                                                      "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                                      "fill": "none",
+                                                                      "height": "24",
+                                                                      "stroke": "currentColor",
+                                                                      "strokeLinecap": "round",
+                                                                      "strokeLinejoin": "round",
+                                                                      "strokeWidth": "2",
+                                                                      "style": {
+                                                                        "height": undefined,
+                                                                        "width": undefined,
+                                                                      },
+                                                                      "viewBox": "0 0 24 24",
+                                                                      "width": "24",
+                                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                                    },
+                                                                    "type": "svg",
+                                                                    Symbol(cleaned): true,
+                                                                  },
+                                                                ],
+                                                                "props": {
+                                                                  "className": "m_8d3afb97",
+                                                                  "data-size": undefined,
+                                                                  "data-variant": undefined,
+                                                                  "size": undefined,
+                                                                  "style": {},
+                                                                },
+                                                                "type": "span",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
+                                                            "props": {
+                                                              "className": "rjsf-add-optional-data m_8d3f4000 m_87cf2631",
+                                                              "data-size": "sm",
+                                                              "data-variant": "subtle",
+                                                              "id": "root_nestedObjectOptional_deepObjectOptional__optionalAdd",
+                                                              "onClick": [Function],
+                                                              "size": undefined,
+                                                              "style": {
+                                                                "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                                "--ai-bg": "transparent",
+                                                                "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                                "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                                "--ai-size": "var(--ai-size-sm)",
+                                                              },
+                                                              "title": "Add data for optional field",
+                                                              "type": "button",
+                                                            },
+                                                            "type": "button",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_96bdd299 __m__-rom",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
+                                                          "style": {},
+                                                        },
+                                                        "type": "div",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_dee7bd2f",
+                                                      "style": {},
+                                                    },
+                                                    "type": "div",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
                                                 "props": {
-                                                  "d": "M12 5l0 14",
+                                                  "className": "m_410352e9 __m__-roh",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
                                                 },
-                                                "type": "path",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": null,
                                                 "props": {
-                                                  "d": "M5 12l14 0",
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-roq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
                                                 },
-                                                "type": "path",
+                                                "type": "style",
                                                 Symbol(cleaned): true,
                                               },
-                                            ],
-                                            "props": {
-                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                              "fill": "none",
-                                              "height": "24",
-                                              "stroke": "currentColor",
-                                              "strokeLinecap": "round",
-                                              "strokeLinejoin": "round",
-                                              "strokeWidth": "2",
-                                              "style": {
-                                                "height": undefined,
-                                                "width": undefined,
-                                              },
-                                              "viewBox": "0 0 24 24",
-                                              "width": "24",
-                                              "xmlns": "http://www.w3.org/2000/svg",
-                                            },
-                                            "type": "svg",
-                                            Symbol(cleaned): true,
-                                          },
-                                        ],
-                                        "props": {
-                                          "className": "m_8d3afb97",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {},
-                                        },
-                                        "type": "span",
-                                        Symbol(cleaned): true,
-                                      },
-                                    ],
-                                    "props": {
-                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                      "data-size": "md",
-                                      "data-variant": "subtle",
-                                      "id": "root_nestedArray__add",
-                                      "onClick": [Function],
-                                      "size": undefined,
-                                      "style": {
-                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                        "--ai-bg": "transparent",
-                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                        "--ai-size": "var(--ai-size-md)",
-                                      },
-                                      "title": "Add Item",
-                                      "type": "button",
-                                    },
-                                    "type": "button",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_4081bf90",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "--group-align": "center",
-                                    "--group-gap": "var(--mantine-spacing-md)",
-                                    "--group-justify": "flex-end",
-                                    "--group-wrap": "wrap",
-                                  },
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
-                              "data-size": undefined,
-                              "data-variant": "default",
-                              "id": "root_nestedArray",
-                              "size": undefined,
-                              "style": {},
-                            },
-                            "type": "fieldset",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-array",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "optionalObjectWithOneofs",
-                                    ],
-                                    "props": {
-                                      "className": "m_8fdc1311",
-                                      "data-size": "sm",
-                                      "data-variant": undefined,
-                                      "htmlFor": "root_optionalObjectWithOneofs__oneof_select",
-                                      "id": "root_optionalObjectWithOneofs__oneof_select-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",
-                                          "className": "m_8fb7ebe7",
-                                          "data-size": undefined,
-                                          "data-variant": "default",
-                                          "disabled": false,
-                                          "enableOptionalDataFieldForType": [],
-                                          "id": "root_optionalObjectWithOneofs__oneof_select",
-                                          "onBlur": [Function],
-                                          "onChange": [Function],
-                                          "onClick": [Function],
-                                          "onFocus": [Function],
-                                          "onKeyDown": [Function],
-                                          "readOnly": false,
-                                          "required": undefined,
-                                          "size": undefined,
-                                          "style": {},
-                                          "value": "Option 1",
-                                        },
-                                        "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",
+                                                  "className": "m_2415a157 __m__-roq",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                                  },
                                                 },
-                                                "type": "path",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_2943220b",
-                                              "data-combobox-chevron": true,
+                                              "className": "m_7485cace",
                                               "data-size": undefined,
+                                              "data-strategy": "block",
                                               "data-variant": undefined,
-                                              "fill": "none",
+                                              "id": "root_nestedObjectOptional_deepObjectOptional",
                                               "size": undefined,
-                                              "style": {},
-                                              "viewBox": "0 0 15 15",
-                                              "xmlns": "http://www.w3.org/2000/svg",
+                                              "style": {
+                                                "padding": "0rem",
+                                              },
                                             },
-                                            "type": "svg",
+                                            "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_82577fc2",
-                                          "data-position": "right",
-                                          "style": {},
+                                          "className": "rjsf-field rjsf-field-object",
+                                          "style": undefined,
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "m_6c018570",
-                                      "data-size": "sm",
-                                      "data-variant": "default",
-                                      "data-with-right-section": true,
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
                                       "size": undefined,
-                                      "style": {
-                                        "--input-fz": "var(--mantine-font-size-sm)",
-                                        "--input-height": "var(--input-height-sm)",
-                                        "--input-right-section-pointer-events": "none",
-                                      },
+                                      "style": {},
                                     },
                                     "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": [
+                                                  "deepObject",
+                                                ],
+                                                "props": {
+                                                  "className": "m_8a5d1357",
+                                                  "data-order": 3,
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "id": "root_nestedObjectOptional_deepObject__title",
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                                    "fontWeight": "normal",
+                                                  },
+                                                },
+                                                "type": "h3",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-rov{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
+                                                },
+                                                "type": "style",
+                                                Symbol(cleaned): true,
+                                              },
                                               {
                                                 "children": [
                                                   {
@@ -11760,204 +11468,103 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                         "children": [
                                                           {
                                                             "children": [
+                                                              {
+                                                                "children": [
+                                                                  "deepTest",
+                                                                ],
+                                                                "props": {
+                                                                  "className": "m_8fdc1311",
+                                                                  "data-size": "sm",
+                                                                  "data-variant": undefined,
+                                                                  "htmlFor": "root_nestedObjectOptional_deepObject_deepTest",
+                                                                  "id": "root_nestedObjectOptional_deepObject_deepTest-label",
+                                                                  "onMouseDown": [Function],
+                                                                  "size": undefined,
+                                                                  "style": {
+                                                                    "--input-label-size": "var(--mantine-font-size-sm)",
+                                                                  },
+                                                                },
+                                                                "type": "label",
+                                                                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",
+                                                                      "aria-describedby": undefined,
+                                                                      "aria-invalid": false,
+                                                                      "autoFocus": false,
+                                                                      "className": "m_8fb7ebe7",
+                                                                      "data-size": undefined,
+                                                                      "data-variant": "default",
+                                                                      "disabled": false,
+                                                                      "id": "root_nestedObjectOptional_deepObject_deepTest",
+                                                                      "name": "root_nestedObjectOptional_deepObject_deepTest",
+                                                                      "onBlur": [Function],
+                                                                      "onChange": [Function],
+                                                                      "onFocus": [Function],
+                                                                      "placeholder": "",
+                                                                      "required": false,
+                                                                      "size": undefined,
+                                                                      "style": {},
+                                                                      "type": "text",
                                                                     },
-                                                                    "type": "path",
+                                                                    "type": "input",
                                                                     Symbol(cleaned): true,
                                                                   },
                                                                 ],
                                                                 "props": {
-                                                                  "aria-hidden": true,
-                                                                  "className": "m_8ee53fc2",
-                                                                  "fill": "none",
-                                                                  "style": undefined,
-                                                                  "viewBox": "0 0 10 7",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                  "className": "m_6c018570",
+                                                                  "data-size": "sm",
+                                                                  "data-variant": "default",
+                                                                  "size": undefined,
+                                                                  "style": {
+                                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                                    "--input-height": "var(--input-height-sm)",
+                                                                  },
                                                                 },
-                                                                "type": "svg",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": [
-                                                                  "Option 1",
-                                                                ],
-                                                                "props": {},
-                                                                "type": "span",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
-                                                            "props": {
-                                                              "aria-selected": true,
-                                                              "className": "m_92253aa5 m_390b5f4",
-                                                              "data-checked": true,
-                                                              "data-combobox-active": true,
-                                                              "data-combobox-option": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": undefined,
-                                                              "id": ":rr1:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "0",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "Option 2",
-                                                                ],
-                                                                "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": ":rr3:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "1",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "Option 3",
-                                                                ],
-                                                                "props": {},
-                                                                "type": "span",
+                                                                "type": "div",
                                                                 Symbol(cleaned): true,
                                                               },
                                                             ],
                                                             "props": {
-                                                              "aria-selected": false,
-                                                              "className": "m_92253aa5 m_390b5f4",
-                                                              "data-combobox-option": true,
-                                                              "data-size": undefined,
+                                                              "className": "m_46b77525",
+                                                              "data-size": "sm",
                                                               "data-variant": undefined,
-                                                              "id": ":rr5:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
                                                               "size": undefined,
                                                               "style": {},
-                                                              "value": "2",
                                                             },
                                                             "type": "div",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_b1336c6",
-                                                          "style": {},
+                                                          "className": "rjsf-field rjsf-field-string",
+                                                          "style": undefined,
                                                         },
                                                         "type": "div",
                                                         Symbol(cleaned): true,
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "m_c0783ff9",
-                                                      "data-horizontal-hidden": undefined,
-                                                      "data-offset-scrollbars": "y",
-                                                      "data-scrollbars": "xy",
+                                                      "className": "",
                                                       "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",
-                                                      },
+                                                      "style": {},
                                                     },
                                                     "type": "div",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_d57069b5",
-                                                  "data-autosize": "true",
+                                                  "className": "m_2415a157 __m__-rov",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
                                                   "style": {
-                                                    "--sa-corner-height": "0px",
-                                                    "--sa-corner-width": "0px",
-                                                    "--scrollarea-scrollbar-size": "var(--combobox-padding)",
+                                                    "marginBottom": "var(--mantine-spacing-sm)",
                                                   },
                                                 },
                                                 "type": "div",
@@ -11965,17 +11572,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                               },
                                             ],
                                             "props": {
-                                              "className": "",
+                                              "className": "m_7485cace",
                                               "data-size": undefined,
+                                              "data-strategy": "block",
                                               "data-variant": undefined,
+                                              "id": "root_nestedObjectOptional_deepObject",
                                               "size": undefined,
                                               "style": {
-                                                "display": "flex",
-                                                "flex": 1,
-                                                "flexDirection": "column",
-                                                "minHeight": 0,
-                                                "minWidth": 0,
-                                                "overflow": "hidden",
+                                                "padding": "0rem",
                                               },
                                             },
                                             "type": "div",
@@ -11983,110 +11587,25 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           },
                                         ],
                                         "props": {
-                                          "className": "",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {
-                                            "display": "flex",
-                                            "maxHeight": "calc(13.75rem * var(--mantine-scale))",
-                                            "overflow": "hidden",
-                                          },
+                                          "className": "rjsf-field rjsf-field-object",
+                                          "style": undefined,
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "aria-labelledby": "root_optionalObjectWithOneofs__oneof_select-label",
-                                      "className": "m_b2821a6e",
+                                      "className": "",
                                       "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)",
-                                      },
+                                      "style": {},
                                     },
                                     "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_optionalObjectWithOneofs__oneof_select",
-                                  "type": "hidden",
-                                  "value": "0",
-                                },
-                                "type": "input",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
                                   {
                                     "children": [
-                                      {
-                                        "children": [
-                                          "optionalObjectWithOneofs",
-                                        ],
-                                        "props": {
-                                          "className": "m_8a5d1357",
-                                          "data-order": 3,
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "id": "root_optionalObjectWithOneofs__title",
-                                          "size": undefined,
-                                          "style": {
-                                            "--title-fw": "var(--mantine-h3-font-weight)",
-                                            "--title-fz": "var(--mantine-h3-font-size)",
-                                            "--title-lh": "var(--mantine-h3-line-height)",
-                                            "fontWeight": "normal",
-                                          },
-                                        },
-                                        "type": "h3",
-                                        Symbol(cleaned): true,
-                                      },
-                                      {
-                                        "children": null,
-                                        "props": {
-                                          "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rr9{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                          },
-                                          "data-mantine-styles": "inline",
-                                          "nonce": undefined,
-                                        },
-                                        "type": "style",
-                                        Symbol(cleaned): true,
-                                      },
                                       {
                                         "children": [
                                           {
@@ -12095,448 +11614,242 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                 "children": [
                                                   {
                                                     "children": [
-                                                      {
-                                                        "children": [
-                                                          "name",
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8fdc1311",
-                                                          "data-size": "sm",
-                                                          "data-variant": undefined,
-                                                          "htmlFor": "root_optionalObjectWithOneofs_name",
-                                                          "id": "root_optionalObjectWithOneofs_name-label",
-                                                          "onMouseDown": [Function],
-                                                          "size": undefined,
-                                                          "style": {
-                                                            "--input-label-size": "var(--mantine-font-size-sm)",
-                                                          },
-                                                        },
-                                                        "type": "label",
-                                                        Symbol(cleaned): true,
+                                                      "deepArrayOptional",
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 4,
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional__title",
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                                        "fontWeight": "normal",
                                                       },
+                                                    },
+                                                    "type": "h4",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "m_90794832",
+                                                  "style": {},
+                                                },
+                                                "type": "legend",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "className": "row rjsf-array-item-list",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
+                                                },
+                                                "type": "div",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": [
                                                       {
                                                         "children": [
                                                           {
-                                                            "children": null,
+                                                            "children": [
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M0 0h24v24H0z",
+                                                                  "fill": "none",
+                                                                  "stroke": "none",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M12 5l0 14",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M5 12l14 0",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
                                                             "props": {
-                                                              "aria-describedby": undefined,
-                                                              "aria-invalid": false,
-                                                              "autoFocus": false,
-                                                              "className": "m_8fb7ebe7",
-                                                              "data-disabled": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": "default",
-                                                              "disabled": true,
-                                                              "id": "root_optionalObjectWithOneofs_name",
-                                                              "name": "root_optionalObjectWithOneofs_name",
-                                                              "placeholder": "",
-                                                              "required": false,
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "type": "text",
+                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                              "fill": "none",
+                                                              "height": "24",
+                                                              "stroke": "currentColor",
+                                                              "strokeLinecap": "round",
+                                                              "strokeLinejoin": "round",
+                                                              "strokeWidth": "2",
+                                                              "style": {
+                                                                "height": undefined,
+                                                                "width": undefined,
+                                                              },
+                                                              "viewBox": "0 0 24 24",
+                                                              "width": "24",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
                                                             },
-                                                            "type": "input",
+                                                            "type": "svg",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_6c018570",
-                                                          "data-disabled": true,
-                                                          "data-size": "sm",
-                                                          "data-variant": "default",
+                                                          "className": "m_8d3afb97",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
                                                           "size": undefined,
-                                                          "style": {
-                                                            "--input-fz": "var(--mantine-font-size-sm)",
-                                                            "--input-height": "var(--input-height-sm)",
-                                                          },
+                                                          "style": {},
                                                         },
-                                                        "type": "div",
+                                                        "type": "span",
                                                         Symbol(cleaned): true,
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "m_46b77525",
-                                                      "data-size": "sm",
-                                                      "data-variant": undefined,
+                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                                      "data-size": "md",
+                                                      "data-variant": "subtle",
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional__add",
+                                                      "onClick": [Function],
                                                       "size": undefined,
-                                                      "style": {},
+                                                      "style": {
+                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                        "--ai-bg": "transparent",
+                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                        "--ai-size": "var(--ai-size-md)",
+                                                      },
+                                                      "title": "Add Item",
+                                                      "type": "button",
                                                     },
-                                                    "type": "div",
+                                                    "type": "button",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "rjsf-field rjsf-field-string",
-                                                  "style": undefined,
+                                                  "className": "m_4081bf90",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--group-align": "center",
+                                                    "--group-gap": "var(--mantine-spacing-md)",
+                                                    "--group-justify": "flex-end",
+                                                    "--group-wrap": "wrap",
+                                                  },
                                                 },
                                                 "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "",
+                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
                                               "data-size": undefined,
-                                              "data-variant": undefined,
+                                              "data-variant": "default",
+                                              "id": "root_nestedObjectOptional_deepArrayOptional",
                                               "size": undefined,
                                               "style": {},
                                             },
-                                            "type": "div",
+                                            "type": "fieldset",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_2415a157 __m__-rr9",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {
-                                            "marginBottom": "var(--mantine-spacing-sm)",
-                                          },
+                                          "className": "rjsf-field rjsf-field-array",
+                                          "style": undefined,
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "m_7485cace",
+                                      "className": "",
                                       "data-size": undefined,
-                                      "data-strategy": "block",
-                                      "data-variant": undefined,
-                                      "id": "root_optionalObjectWithOneofs",
-                                      "size": undefined,
-                                      "style": {
-                                        "padding": "0rem",
-                                      },
-                                    },
-                                    "type": "div",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "rjsf-field rjsf-field-object",
-                                  "style": undefined,
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_6d731127",
-                              "data-size": undefined,
-                              "data-variant": undefined,
-                              "size": undefined,
-                              "style": {
-                                "--stack-align": "stretch",
-                                "--stack-gap": "var(--mantine-spacing-md)",
-                                "--stack-justify": "flex-start",
-                                "marginBottom": "1rem",
-                              },
-                            },
-                            "type": "div",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-undefined",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                ],
-                "props": {
-                  "className": "m_2415a157 __m__-rnb",
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "size": undefined,
-                  "style": {
-                    "marginBottom": "var(--mantine-spacing-sm)",
-                  },
-                },
-                "type": "div",
-                Symbol(cleaned): true,
-              },
-            ],
-            "props": {
-              "className": "m_7485cace",
-              "data-size": undefined,
-              "data-strategy": "block",
-              "data-variant": undefined,
-              "id": "root",
-              "size": undefined,
-              "style": {
-                "padding": "0rem",
-              },
-            },
-            "type": "div",
-            Symbol(cleaned): true,
-          },
-        ],
-        "props": {
-          "className": "rjsf-field rjsf-field-object",
-          "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 optional data controls shows "add" and "remove" optional controls when turned on in uiSchema, readonly and formData 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_8a5d1357",
-                  "data-order": 3,
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "id": "root__title",
-                  "size": undefined,
-                  "style": {
-                    "--title-fw": "var(--mantine-h3-font-weight)",
-                    "--title-fz": "var(--mantine-h3-font-size)",
-                    "--title-lh": "var(--mantine-h3-line-height)",
-                    "fontWeight": "normal",
-                  },
-                },
-                "type": "h3",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": null,
-                "props": {
-                  "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-r11f{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                  },
-                  "data-mantine-styles": "inline",
-                  "nonce": undefined,
-                },
-                "type": "style",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": [
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  "nestedObjectOptional",
-                                ],
-                                "props": {
-                                  "className": "m_8a5d1357",
-                                  "data-order": 3,
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "id": "root_nestedObjectOptional__title",
-                                  "size": undefined,
-                                  "style": {
-                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                    "fontWeight": "normal",
-                                  },
-                                },
-                                "type": "h3",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-r11k{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                      "data-variant": undefined,
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
                                   },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
-                                },
-                                "type": "style",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
                                   {
                                     "children": [
                                       {
                                         "children": [
                                           {
                                             "children": [
-                                              {
-                                                "children": [
-                                                  "test",
-                                                ],
-                                                "props": {
-                                                  "className": "m_8fdc1311",
-                                                  "data-size": "sm",
-                                                  "data-variant": undefined,
-                                                  "htmlFor": "root_nestedObjectOptional_test",
-                                                  "id": "root_nestedObjectOptional_test-label",
-                                                  "onMouseDown": [Function],
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--input-label-size": "var(--mantine-font-size-sm)",
-                                                  },
-                                                },
-                                                "type": "label",
-                                                Symbol(cleaned): true,
-                                              },
                                               {
                                                 "children": [
                                                   {
-                                                    "children": null,
+                                                    "children": [
+                                                      "deepArrayOptional2",
+                                                    ],
                                                     "props": {
-                                                      "aria-describedby": undefined,
-                                                      "aria-invalid": false,
-                                                      "autoFocus": false,
-                                                      "className": "m_8fb7ebe7",
-                                                      "data-disabled": true,
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 4,
                                                       "data-size": undefined,
-                                                      "data-variant": "default",
-                                                      "disabled": true,
-                                                      "id": "root_nestedObjectOptional_test",
-                                                      "name": "root_nestedObjectOptional_test",
-                                                      "placeholder": "",
-                                                      "required": false,
+                                                      "data-variant": undefined,
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__title",
                                                       "size": undefined,
-                                                      "style": {},
-                                                      "type": "text",
-                                                      "value": "foo",
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                                        "fontWeight": "normal",
+                                                      },
                                                     },
-                                                    "type": "input",
+                                                    "type": "h4",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_6c018570",
-                                                  "data-disabled": true,
-                                                  "data-size": "sm",
-                                                  "data-variant": "default",
+                                                  "className": "m_90794832",
+                                                  "style": {},
+                                                },
+                                                "type": "legend",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "className": "row rjsf-array-item-list",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
                                                   "size": undefined,
-                                                  "style": {
-                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                    "--input-height": "var(--input-height-sm)",
-                                                  },
+                                                  "style": {},
                                                 },
                                                 "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_46b77525",
-                                              "data-size": "sm",
-                                              "data-variant": undefined,
+                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                                              "data-size": undefined,
+                                              "data-variant": "default",
+                                              "id": "root_nestedObjectOptional_deepArrayOptional2",
                                               "size": undefined,
                                               "style": {},
                                             },
-                                            "type": "div",
+                                            "type": "fieldset",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-string",
+                                          "className": "rjsf-field rjsf-field-array",
                                           "style": undefined,
                                         },
                                         "type": "div",
@@ -12561,57 +11874,144 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                             "children": [
                                               {
                                                 "children": [
-                                                  "deepObjectOptional",
+                                                  {
+                                                    "children": [
+                                                      "deepArray",
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 4,
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "id": "root_nestedObjectOptional_deepArray__title",
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                                        "fontWeight": "normal",
+                                                      },
+                                                    },
+                                                    "type": "h4",
+                                                    Symbol(cleaned): true,
+                                                  },
                                                 ],
                                                 "props": {
-                                                  "className": "m_8a5d1357",
-                                                  "data-order": 3,
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "id": "root_nestedObjectOptional_deepObjectOptional__title",
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                                    "fontWeight": "normal",
-                                                  },
+                                                  "className": "m_90794832",
+                                                  "style": {},
                                                 },
-                                                "type": "h3",
+                                                "type": "legend",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": null,
                                                 "props": {
-                                                  "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-r11v{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                                  },
-                                                  "data-mantine-styles": "inline",
-                                                  "nonce": undefined,
+                                                  "className": "row rjsf-array-item-list",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
                                                 },
-                                                "type": "style",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": [
                                                   {
                                                     "children": [
-                                                      "No data for optional field",
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M0 0h24v24H0z",
+                                                                  "fill": "none",
+                                                                  "stroke": "none",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M12 5l0 14",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M5 12l14 0",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
+                                                            "props": {
+                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                              "fill": "none",
+                                                              "height": "24",
+                                                              "stroke": "currentColor",
+                                                              "strokeLinecap": "round",
+                                                              "strokeLinejoin": "round",
+                                                              "strokeWidth": "2",
+                                                              "style": {
+                                                                "height": undefined,
+                                                                "width": undefined,
+                                                              },
+                                                              "viewBox": "0 0 24 24",
+                                                              "width": "24",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            },
+                                                            "type": "svg",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_8d3afb97",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
+                                                          "style": {},
+                                                        },
+                                                        "type": "span",
+                                                        Symbol(cleaned): true,
+                                                      },
                                                     ],
                                                     "props": {
-                                                      "id": "root_nestedObjectOptional_deepObjectOptional__optionalMsg",
+                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                                      "data-size": "md",
+                                                      "data-variant": "subtle",
+                                                      "id": "root_nestedObjectOptional_deepArray__add",
+                                                      "onClick": [Function],
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                        "--ai-bg": "transparent",
+                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                        "--ai-size": "var(--ai-size-md)",
+                                                      },
+                                                      "title": "Add Item",
+                                                      "type": "button",
                                                     },
-                                                    "type": "em",
+                                                    "type": "button",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-r11v",
+                                                  "className": "m_4081bf90",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
                                                   "style": {
-                                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                                    "--group-align": "center",
+                                                    "--group-gap": "var(--mantine-spacing-md)",
+                                                    "--group-justify": "flex-end",
+                                                    "--group-wrap": "wrap",
                                                   },
                                                 },
                                                 "type": "div",
@@ -12619,22 +12019,19 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_7485cace",
+                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
                                               "data-size": undefined,
-                                              "data-strategy": "block",
-                                              "data-variant": undefined,
-                                              "id": "root_nestedObjectOptional_deepObjectOptional",
+                                              "data-variant": "default",
+                                              "id": "root_nestedObjectOptional_deepArray",
                                               "size": undefined,
-                                              "style": {
-                                                "padding": "0rem",
-                                              },
+                                              "style": {},
                                             },
-                                            "type": "div",
+                                            "type": "fieldset",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-object",
+                                          "className": "rjsf-field rjsf-field-array",
                                           "style": undefined,
                                         },
                                         "type": "div",
@@ -12642,173 +12039,314 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_2415a157 __m__-ro7",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {
+                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_7485cace",
+                              "data-size": undefined,
+                              "data-strategy": "block",
+                              "data-variant": undefined,
+                              "id": "root_nestedObjectOptional",
+                              "size": undefined,
+                              "style": {
+                                "padding": "0rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-object",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      "nestedArrayOptional",
+                                    ],
+                                    "props": {
+                                      "className": "m_8a5d1357",
+                                      "data-order": 4,
                                       "data-size": undefined,
                                       "data-variant": undefined,
+                                      "id": "root_nestedArrayOptional__title",
                                       "size": undefined,
-                                      "style": {},
+                                      "style": {
+                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                        "fontWeight": "normal",
+                                      },
                                     },
-                                    "type": "div",
+                                    "type": "h4",
                                     Symbol(cleaned): true,
                                   },
+                                ],
+                                "props": {
+                                  "className": "m_90794832",
+                                  "style": {},
+                                },
+                                "type": "legend",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
                                   {
                                     "children": [
                                       {
                                         "children": [
                                           {
                                             "children": [
-                                              {
-                                                "children": [
-                                                  "deepObject",
-                                                ],
-                                                "props": {
-                                                  "className": "m_8a5d1357",
-                                                  "data-order": 3,
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "id": "root_nestedObjectOptional_deepObject__title",
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                                    "fontWeight": "normal",
-                                                  },
-                                                },
-                                                "type": "h3",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "dangerouslySetInnerHTML": {
-                                                    "__html": ".__m__-r124{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                                  },
-                                                  "data-mantine-styles": "inline",
-                                                  "nonce": undefined,
-                                                },
-                                                "type": "style",
-                                                Symbol(cleaned): true,
-                                              },
                                               {
                                                 "children": [
                                                   {
                                                     "children": [
                                                       {
                                                         "children": [
+                                                          "nestedArrayOptional-0",
                                                           {
                                                             "children": [
-                                                              {
-                                                                "children": [
-                                                                  "deepTest",
-                                                                ],
-                                                                "props": {
-                                                                  "className": "m_8fdc1311",
-                                                                  "data-size": "sm",
-                                                                  "data-variant": undefined,
-                                                                  "htmlFor": "root_nestedObjectOptional_deepObject_deepTest",
-                                                                  "id": "root_nestedObjectOptional_deepObject_deepTest-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-invalid": false,
-                                                                      "autoFocus": false,
-                                                                      "className": "m_8fb7ebe7",
-                                                                      "data-disabled": true,
-                                                                      "data-size": undefined,
-                                                                      "data-variant": "default",
-                                                                      "disabled": true,
-                                                                      "id": "root_nestedObjectOptional_deepObject_deepTest",
-                                                                      "name": "root_nestedObjectOptional_deepObject_deepTest",
-                                                                      "placeholder": "",
-                                                                      "required": false,
-                                                                      "size": undefined,
-                                                                      "style": {},
-                                                                      "type": "text",
-                                                                    },
-                                                                    "type": "input",
-                                                                    Symbol(cleaned): true,
-                                                                  },
-                                                                ],
-                                                                "props": {
-                                                                  "className": "m_6c018570",
-                                                                  "data-disabled": true,
-                                                                  "data-size": "sm",
-                                                                  "data-variant": "default",
-                                                                  "size": undefined,
-                                                                  "style": {
-                                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                                    "--input-height": "var(--input-height-sm)",
-                                                                  },
-                                                                },
-                                                                "type": "div",
-                                                                Symbol(cleaned): true,
-                                                              },
+                                                              " *",
                                                             ],
                                                             "props": {
-                                                              "className": "m_46b77525",
-                                                              "data-size": "sm",
-                                                              "data-variant": undefined,
-                                                              "size": undefined,
-                                                              "style": {},
+                                                              "aria-hidden": true,
+                                                              "className": "m_78a94662",
+                                                              "style": {},
+                                                            },
+                                                            "type": "span",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_8fdc1311",
+                                                          "data-required": true,
+                                                          "data-size": "sm",
+                                                          "data-variant": undefined,
+                                                          "htmlFor": "root_nestedArrayOptional_0",
+                                                          "id": "root_nestedArrayOptional_0-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-invalid": false,
+                                                              "autoFocus": false,
+                                                              "className": "m_8fb7ebe7",
+                                                              "data-size": undefined,
+                                                              "data-variant": "default",
+                                                              "disabled": false,
+                                                              "id": "root_nestedArrayOptional_0",
+                                                              "name": "root_nestedArrayOptional_0",
+                                                              "onBlur": [Function],
+                                                              "onChange": [Function],
+                                                              "onFocus": [Function],
+                                                              "placeholder": "",
+                                                              "required": true,
+                                                              "size": undefined,
+                                                              "style": {},
+                                                              "type": "text",
+                                                              "value": "bar",
+                                                            },
+                                                            "type": "input",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_6c018570",
+                                                          "data-size": "sm",
+                                                          "data-variant": "default",
+                                                          "size": undefined,
+                                                          "style": {
+                                                            "--input-fz": "var(--mantine-font-size-sm)",
+                                                            "--input-height": "var(--input-height-sm)",
+                                                          },
+                                                        },
+                                                        "type": "div",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_46b77525",
+                                                      "data-size": "sm",
+                                                      "data-variant": undefined,
+                                                      "size": undefined,
+                                                      "style": {},
+                                                    },
+                                                    "type": "div",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "rjsf-field rjsf-field-string",
+                                                  "style": undefined,
+                                                },
+                                                "type": "div",
+                                                Symbol(cleaned): true,
+                                              },
+                                            ],
+                                            "props": {
+                                              "className": "",
+                                              "data-size": undefined,
+                                              "data-variant": undefined,
+                                              "size": undefined,
+                                              "style": {
+                                                "width": "100%",
+                                              },
+                                            },
+                                            "type": "div",
+                                            Symbol(cleaned): true,
+                                          },
+                                          {
+                                            "children": [
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": null,
+                                                            "props": {
+                                                              "d": "M0 0h24v24H0z",
+                                                              "fill": "none",
+                                                              "stroke": "none",
                                                             },
-                                                            "type": "div",
+                                                            "type": "path",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                          {
+                                                            "children": null,
+                                                            "props": {
+                                                              "d": "M18 6l-12 12",
+                                                            },
+                                                            "type": "path",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                          {
+                                                            "children": null,
+                                                            "props": {
+                                                              "d": "M6 6l12 12",
+                                                            },
+                                                            "type": "path",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "rjsf-field rjsf-field-string",
-                                                          "style": undefined,
+                                                          "className": "icon icon-tabler icons-tabler-outline icon-tabler-x",
+                                                          "fill": "none",
+                                                          "height": "24",
+                                                          "stroke": "currentColor",
+                                                          "strokeLinecap": "round",
+                                                          "strokeLinejoin": "round",
+                                                          "strokeWidth": "2",
+                                                          "style": {
+                                                            "height": undefined,
+                                                            "width": undefined,
+                                                          },
+                                                          "viewBox": "0 0 24 24",
+                                                          "width": "24",
+                                                          "xmlns": "http://www.w3.org/2000/svg",
                                                         },
-                                                        "type": "div",
+                                                        "type": "svg",
                                                         Symbol(cleaned): true,
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "",
+                                                      "className": "m_8d3afb97",
                                                       "data-size": undefined,
                                                       "data-variant": undefined,
                                                       "size": undefined,
                                                       "style": {},
                                                     },
-                                                    "type": "div",
+                                                    "type": "span",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_2415a157 __m__-r124",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
+                                                  "className": "rjsf-array-item-remove m_8d3f4000 m_87cf2631",
+                                                  "data-size": "sm",
+                                                  "data-variant": "subtle",
+                                                  "id": "root_nestedArrayOptional_0__remove",
+                                                  "onClick": [Function],
                                                   "size": undefined,
                                                   "style": {
-                                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                                    "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                    "--ai-bg": "transparent",
+                                                    "--ai-color": "var(--mantine-color-red-light-color)",
+                                                    "--ai-hover": "var(--mantine-color-red-light-hover)",
+                                                    "--ai-size": "var(--ai-size-sm)",
                                                   },
+                                                  "title": "Remove",
+                                                  "type": "button",
                                                 },
-                                                "type": "div",
+                                                "type": "button",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_7485cace",
+                                              "className": "m_4081bf90",
                                               "data-size": undefined,
-                                              "data-strategy": "block",
                                               "data-variant": undefined,
-                                              "id": "root_nestedObjectOptional_deepObject",
                                               "size": undefined,
                                               "style": {
-                                                "padding": "0rem",
+                                                "--group-align": "center",
+                                                "--group-gap": "calc(0.125rem * var(--mantine-scale))",
+                                                "--group-justify": "flex-start",
+                                                "--group-wrap": "nowrap",
+                                                "marginBottom": "calc(0.4375rem * var(--mantine-scale))",
                                               },
                                             },
                                             "type": "div",
@@ -12816,23 +12354,45 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-object",
-                                          "style": undefined,
+                                          "className": "m_8bffd616 __m__-rpu",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {
+                                            "alignItems": "end",
+                                            "gap": "var(--mantine-spacing-xs)",
+                                            "justifyContent": "center",
+                                          },
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
+                                      "className": "rjsf-array-item",
                                       "data-size": undefined,
                                       "data-variant": undefined,
                                       "size": undefined,
-                                      "style": {},
+                                      "style": {
+                                        "marginBottom": "var(--mantine-spacing-xs)",
+                                      },
                                     },
                                     "type": "div",
                                     Symbol(cleaned): true,
                                   },
+                                ],
+                                "props": {
+                                  "className": "row rjsf-array-item-list",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
                                   {
                                     "children": [
                                       {
@@ -12840,183 +12400,171 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           {
                                             "children": [
                                               {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      "deepArrayOptional",
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_8a5d1357",
-                                                      "data-order": 4,
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional__title",
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                                        "fontWeight": "normal",
-                                                      },
-                                                    },
-                                                    "type": "h4",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
+                                                "children": null,
                                                 "props": {
-                                                  "className": "m_90794832",
-                                                  "style": {},
+                                                  "d": "M0 0h24v24H0z",
+                                                  "fill": "none",
+                                                  "stroke": "none",
                                                 },
-                                                "type": "legend",
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": null,
                                                 "props": {
-                                                  "className": "row rjsf-array-item-list",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {},
+                                                  "d": "M12 5l0 14",
                                                 },
-                                                "type": "div",
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                               {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M0 0h24v24H0z",
-                                                                  "fill": "none",
-                                                                  "stroke": "none",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M12 5l0 14",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M5 12l14 0",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
-                                                            "props": {
-                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                                              "fill": "none",
-                                                              "height": "24",
-                                                              "stroke": "currentColor",
-                                                              "strokeLinecap": "round",
-                                                              "strokeLinejoin": "round",
-                                                              "strokeWidth": "2",
-                                                              "style": {
-                                                                "height": undefined,
-                                                                "width": undefined,
-                                                              },
-                                                              "viewBox": "0 0 24 24",
-                                                              "width": "24",
-                                                              "xmlns": "http://www.w3.org/2000/svg",
-                                                            },
-                                                            "type": "svg",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8d3afb97",
-                                                          "data-size": undefined,
-                                                          "data-variant": undefined,
-                                                          "size": undefined,
-                                                          "style": {},
-                                                        },
-                                                        "type": "span",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                                      "data-disabled": true,
-                                                      "data-size": "md",
-                                                      "data-variant": "subtle",
-                                                      "disabled": true,
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional__add",
-                                                      "onClick": [Function],
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                        "--ai-bg": "transparent",
-                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                                        "--ai-size": "var(--ai-size-md)",
-                                                      },
-                                                      "title": "Add Item",
-                                                      "type": "button",
-                                                    },
-                                                    "type": "button",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
+                                                "children": null,
                                                 "props": {
-                                                  "className": "m_4081bf90",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--group-align": "center",
-                                                    "--group-gap": "var(--mantine-spacing-md)",
-                                                    "--group-justify": "flex-end",
-                                                    "--group-wrap": "wrap",
-                                                  },
+                                                  "d": "M5 12l14 0",
                                                 },
-                                                "type": "div",
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
-                                              "data-size": undefined,
-                                              "data-variant": "default",
-                                              "id": "root_nestedObjectOptional_deepArrayOptional",
-                                              "size": undefined,
-                                              "style": {},
+                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                              "fill": "none",
+                                              "height": "24",
+                                              "stroke": "currentColor",
+                                              "strokeLinecap": "round",
+                                              "strokeLinejoin": "round",
+                                              "strokeWidth": "2",
+                                              "style": {
+                                                "height": undefined,
+                                                "width": undefined,
+                                              },
+                                              "viewBox": "0 0 24 24",
+                                              "width": "24",
+                                              "xmlns": "http://www.w3.org/2000/svg",
                                             },
-                                            "type": "fieldset",
+                                            "type": "svg",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-array",
-                                          "style": undefined,
+                                          "className": "m_8d3afb97",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
                                         },
-                                        "type": "div",
+                                        "type": "span",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
+                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                      "data-size": "md",
+                                      "data-variant": "subtle",
+                                      "id": "root_nestedArrayOptional__add",
+                                      "onClick": [Function],
                                       "size": undefined,
-                                      "style": {},
+                                      "style": {
+                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                        "--ai-bg": "transparent",
+                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                        "--ai-size": "var(--ai-size-md)",
+                                      },
+                                      "title": "Add Item",
+                                      "type": "button",
                                     },
-                                    "type": "div",
+                                    "type": "button",
                                     Symbol(cleaned): true,
                                   },
+                                ],
+                                "props": {
+                                  "className": "m_4081bf90",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {
+                                    "--group-align": "center",
+                                    "--group-gap": "var(--mantine-spacing-md)",
+                                    "--group-justify": "flex-end",
+                                    "--group-wrap": "wrap",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                              "data-size": undefined,
+                              "data-variant": "default",
+                              "id": "root_nestedArrayOptional",
+                              "size": undefined,
+                              "style": {},
+                            },
+                            "type": "fieldset",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-array",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  "nestedObject",
+                                ],
+                                "props": {
+                                  "className": "m_8a5d1357",
+                                  "data-order": 3,
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "id": "root_nestedObject__title",
+                                  "size": undefined,
+                                  "style": {
+                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                    "fontWeight": "normal",
+                                  },
+                                },
+                                "type": "h3",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "dangerouslySetInnerHTML": {
+                                    "__html": ".__m__-rqf{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
+                                },
+                                "type": "style",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
                                   {
                                     "children": [
                                       {
@@ -13025,73 +12573,77 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                             "children": [
                                               {
                                                 "children": [
-                                                  {
-                                                    "children": [
-                                                      "deepArrayOptional2",
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_8a5d1357",
-                                                      "data-order": 4,
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__title",
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                                        "fontWeight": "normal",
-                                                      },
-                                                    },
-                                                    "type": "h4",
-                                                    Symbol(cleaned): true,
-                                                  },
+                                                  "test",
                                                 ],
                                                 "props": {
-                                                  "className": "m_90794832",
-                                                  "style": {},
+                                                  "className": "m_8fdc1311",
+                                                  "data-size": "sm",
+                                                  "data-variant": undefined,
+                                                  "htmlFor": "root_nestedObject_test",
+                                                  "id": "root_nestedObject_test-label",
+                                                  "onMouseDown": [Function],
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--input-label-size": "var(--mantine-font-size-sm)",
+                                                  },
                                                 },
-                                                "type": "legend",
+                                                "type": "label",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": [
                                                   {
-                                                    "children": [
-                                                      "No data for optional field",
-                                                    ],
+                                                    "children": null,
                                                     "props": {
-                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__optionalMsg",
+                                                      "aria-describedby": undefined,
+                                                      "aria-invalid": false,
+                                                      "autoFocus": false,
+                                                      "className": "m_8fb7ebe7",
+                                                      "data-size": undefined,
+                                                      "data-variant": "default",
+                                                      "disabled": false,
+                                                      "id": "root_nestedObject_test",
+                                                      "name": "root_nestedObject_test",
+                                                      "onBlur": [Function],
+                                                      "onChange": [Function],
+                                                      "onFocus": [Function],
+                                                      "placeholder": "",
+                                                      "required": false,
+                                                      "size": undefined,
+                                                      "style": {},
+                                                      "type": "text",
                                                     },
-                                                    "type": "em",
+                                                    "type": "input",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "row rjsf-array-item-list",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
+                                                  "className": "m_6c018570",
+                                                  "data-size": "sm",
+                                                  "data-variant": "default",
                                                   "size": undefined,
-                                                  "style": {},
+                                                  "style": {
+                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                    "--input-height": "var(--input-height-sm)",
+                                                  },
                                                 },
                                                 "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
-                                              "data-size": undefined,
-                                              "data-variant": "default",
-                                              "id": "root_nestedObjectOptional_deepArrayOptional2",
+                                              "className": "m_46b77525",
+                                              "data-size": "sm",
+                                              "data-variant": undefined,
                                               "size": undefined,
                                               "style": {},
                                             },
-                                            "type": "fieldset",
+                                            "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-array",
+                                          "className": "rjsf-field rjsf-field-string",
                                           "style": undefined,
                                         },
                                         "type": "div",
@@ -13099,15 +12651,113 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_2415a157 __m__-rqf",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {
+                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_7485cace",
+                              "data-size": undefined,
+                              "data-strategy": "block",
+                              "data-variant": undefined,
+                              "id": "root_nestedObject",
+                              "size": undefined,
+                              "style": {
+                                "padding": "0rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-object",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      "nestedArray",
+                                    ],
+                                    "props": {
+                                      "className": "m_8a5d1357",
+                                      "data-order": 4,
                                       "data-size": undefined,
                                       "data-variant": undefined,
+                                      "id": "root_nestedArray__title",
                                       "size": undefined,
-                                      "style": {},
+                                      "style": {
+                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                        "fontWeight": "normal",
+                                      },
                                     },
-                                    "type": "div",
+                                    "type": "h4",
                                     Symbol(cleaned): true,
                                   },
+                                ],
+                                "props": {
+                                  "className": "m_90794832",
+                                  "style": {},
+                                },
+                                "type": "legend",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "className": "row rjsf-array-item-list",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
                                   {
                                     "children": [
                                       {
@@ -13115,191 +12765,94 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           {
                                             "children": [
                                               {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      "deepArray",
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_8a5d1357",
-                                                      "data-order": 4,
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
-                                                      "id": "root_nestedObjectOptional_deepArray__title",
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                                        "fontWeight": "normal",
-                                                      },
-                                                    },
-                                                    "type": "h4",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
+                                                "children": null,
                                                 "props": {
-                                                  "className": "m_90794832",
-                                                  "style": {},
+                                                  "d": "M0 0h24v24H0z",
+                                                  "fill": "none",
+                                                  "stroke": "none",
                                                 },
-                                                "type": "legend",
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": null,
                                                 "props": {
-                                                  "className": "row rjsf-array-item-list",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {},
+                                                  "d": "M12 5l0 14",
                                                 },
-                                                "type": "div",
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                               {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M0 0h24v24H0z",
-                                                                  "fill": "none",
-                                                                  "stroke": "none",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M12 5l0 14",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": null,
-                                                                "props": {
-                                                                  "d": "M5 12l14 0",
-                                                                },
-                                                                "type": "path",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
-                                                            "props": {
-                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                                              "fill": "none",
-                                                              "height": "24",
-                                                              "stroke": "currentColor",
-                                                              "strokeLinecap": "round",
-                                                              "strokeLinejoin": "round",
-                                                              "strokeWidth": "2",
-                                                              "style": {
-                                                                "height": undefined,
-                                                                "width": undefined,
-                                                              },
-                                                              "viewBox": "0 0 24 24",
-                                                              "width": "24",
-                                                              "xmlns": "http://www.w3.org/2000/svg",
-                                                            },
-                                                            "type": "svg",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8d3afb97",
-                                                          "data-size": undefined,
-                                                          "data-variant": undefined,
-                                                          "size": undefined,
-                                                          "style": {},
-                                                        },
-                                                        "type": "span",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                                      "data-disabled": true,
-                                                      "data-size": "md",
-                                                      "data-variant": "subtle",
-                                                      "disabled": true,
-                                                      "id": "root_nestedObjectOptional_deepArray__add",
-                                                      "onClick": [Function],
-                                                      "size": undefined,
-                                                      "style": {
-                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                        "--ai-bg": "transparent",
-                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                                        "--ai-size": "var(--ai-size-md)",
-                                                      },
-                                                      "title": "Add Item",
-                                                      "type": "button",
-                                                    },
-                                                    "type": "button",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
+                                                "children": null,
                                                 "props": {
-                                                  "className": "m_4081bf90",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--group-align": "center",
-                                                    "--group-gap": "var(--mantine-spacing-md)",
-                                                    "--group-justify": "flex-end",
-                                                    "--group-wrap": "wrap",
-                                                  },
+                                                  "d": "M5 12l14 0",
                                                 },
-                                                "type": "div",
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
-                                              "data-size": undefined,
-                                              "data-variant": "default",
-                                              "id": "root_nestedObjectOptional_deepArray",
-                                              "size": undefined,
-                                              "style": {},
+                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                              "fill": "none",
+                                              "height": "24",
+                                              "stroke": "currentColor",
+                                              "strokeLinecap": "round",
+                                              "strokeLinejoin": "round",
+                                              "strokeWidth": "2",
+                                              "style": {
+                                                "height": undefined,
+                                                "width": undefined,
+                                              },
+                                              "viewBox": "0 0 24 24",
+                                              "width": "24",
+                                              "xmlns": "http://www.w3.org/2000/svg",
                                             },
-                                            "type": "fieldset",
+                                            "type": "svg",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-array",
-                                          "style": undefined,
+                                          "className": "m_8d3afb97",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
                                         },
-                                        "type": "div",
+                                        "type": "span",
                                         Symbol(cleaned): true,
                                       },
                                     ],
-                                    "props": {
-                                      "className": "",
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
+                                    "props": {
+                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                      "data-size": "md",
+                                      "data-variant": "subtle",
+                                      "id": "root_nestedArray__add",
+                                      "onClick": [Function],
                                       "size": undefined,
-                                      "style": {},
+                                      "style": {
+                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                        "--ai-bg": "transparent",
+                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                        "--ai-size": "var(--ai-size-md)",
+                                      },
+                                      "title": "Add Item",
+                                      "type": "button",
                                     },
-                                    "type": "div",
+                                    "type": "button",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-r11k",
+                                  "className": "m_4081bf90",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
                                   "style": {
-                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                    "--group-align": "center",
+                                    "--group-gap": "var(--mantine-spacing-md)",
+                                    "--group-justify": "flex-end",
+                                    "--group-wrap": "wrap",
                                   },
                                 },
                                 "type": "div",
@@ -13307,22 +12860,19 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                               },
                             ],
                             "props": {
-                              "className": "m_7485cace",
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
                               "data-size": undefined,
-                              "data-strategy": "block",
-                              "data-variant": undefined,
-                              "id": "root_nestedObjectOptional",
+                              "data-variant": "default",
+                              "id": "root_nestedArray",
                               "size": undefined,
-                              "style": {
-                                "padding": "0rem",
-                              },
+                              "style": {},
                             },
-                            "type": "div",
+                            "type": "fieldset",
                             Symbol(cleaned): true,
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-object",
+                          "className": "rjsf-field rjsf-field-array",
                           "style": undefined,
                         },
                         "type": "div",
@@ -13349,151 +12899,80 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 "children": [
                                   {
                                     "children": [
-                                      "nestedArrayOptional",
-                                    ],
-                                    "props": {
-                                      "className": "m_8a5d1357",
-                                      "data-order": 4,
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "id": "root_nestedArrayOptional__title",
-                                      "size": undefined,
-                                      "style": {
-                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                        "fontWeight": "normal",
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-rr1{--grid-gutter:var(--mantine-spacing-md);}",
+                                          },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
+                                        },
+                                        "type": "style",
+                                        Symbol(cleaned): true,
                                       },
-                                    },
-                                    "type": "h4",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_90794832",
-                                  "style": {},
-                                },
-                                "type": "legend",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
-                                  {
-                                    "children": [
                                       {
                                         "children": [
                                           {
                                             "children": [
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-rr3{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
+                                                },
+                                                "type": "style",
+                                                Symbol(cleaned): true,
+                                              },
                                               {
                                                 "children": [
                                                   {
                                                     "children": [
-                                                      {
-                                                        "children": [
-                                                          "nestedArrayOptional-0",
-                                                          {
-                                                            "children": [
-                                                              " *",
-                                                            ],
-                                                            "props": {
-                                                              "aria-hidden": true,
-                                                              "className": "m_78a94662",
-                                                              "style": {},
-                                                            },
-                                                            "type": "span",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8fdc1311",
-                                                          "data-required": true,
-                                                          "data-size": "sm",
-                                                          "data-variant": undefined,
-                                                          "htmlFor": "root_nestedArrayOptional_0",
-                                                          "id": "root_nestedArrayOptional_0-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-invalid": false,
-                                                              "autoFocus": false,
-                                                              "className": "m_8fb7ebe7",
-                                                              "data-disabled": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": "default",
-                                                              "disabled": true,
-                                                              "id": "root_nestedArrayOptional_0",
-                                                              "name": "root_nestedArrayOptional_0",
-                                                              "placeholder": "",
-                                                              "required": true,
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "type": "text",
-                                                              "value": "bar",
-                                                            },
-                                                            "type": "input",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_6c018570",
-                                                          "data-disabled": true,
-                                                          "data-size": "sm",
-                                                          "data-variant": "default",
-                                                          "size": undefined,
-                                                          "style": {
-                                                            "--input-fz": "var(--mantine-font-size-sm)",
-                                                            "--input-height": "var(--input-height-sm)",
-                                                          },
-                                                        },
-                                                        "type": "div",
-                                                        Symbol(cleaned): true,
-                                                      },
+                                                      "optionalObjectWithOneofs",
                                                     ],
                                                     "props": {
-                                                      "className": "m_46b77525",
-                                                      "data-size": "sm",
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 3,
+                                                      "data-size": undefined,
                                                       "data-variant": undefined,
+                                                      "id": "root_optionalObjectWithOneofs__title",
                                                       "size": undefined,
-                                                      "style": {},
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h3-font-weight)",
+                                                        "--title-fz": "var(--mantine-h3-font-size)",
+                                                        "--title-lh": "var(--mantine-h3-line-height)",
+                                                        "fontWeight": "normal",
+                                                      },
                                                     },
-                                                    "type": "div",
+                                                    "type": "h3",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "rjsf-field rjsf-field-string",
-                                                  "style": undefined,
+                                                  "className": "m_96bdd299 __m__-rr3",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
                                                 },
                                                 "type": "div",
                                                 Symbol(cleaned): true,
                                               },
-                                            ],
-                                            "props": {
-                                              "className": "",
-                                              "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "size": undefined,
-                                              "style": {
-                                                "width": "100%",
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-rr6{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
+                                                },
+                                                "type": "style",
+                                                Symbol(cleaned): true,
                                               },
-                                            },
-                                            "type": "div",
-                                            Symbol(cleaned): true,
-                                          },
-                                          {
-                                            "children": [
                                               {
                                                 "children": [
                                                   {
@@ -13501,112 +12980,136 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                       {
                                                         "children": [
                                                           {
-                                                            "children": null,
+                                                            "children": [
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M0 0h24v24H0z",
+                                                                  "fill": "none",
+                                                                  "stroke": "none",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M12 5l0 14",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M5 12l14 0",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
                                                             "props": {
-                                                              "d": "M0 0h24v24H0z",
+                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
                                                               "fill": "none",
-                                                              "stroke": "none",
-                                                            },
-                                                            "type": "path",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": null,
-                                                            "props": {
-                                                              "d": "M18 6l-12 12",
-                                                            },
-                                                            "type": "path",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": null,
-                                                            "props": {
-                                                              "d": "M6 6l12 12",
+                                                              "height": "24",
+                                                              "stroke": "currentColor",
+                                                              "strokeLinecap": "round",
+                                                              "strokeLinejoin": "round",
+                                                              "strokeWidth": "2",
+                                                              "style": {
+                                                                "height": undefined,
+                                                                "width": undefined,
+                                                              },
+                                                              "viewBox": "0 0 24 24",
+                                                              "width": "24",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
                                                             },
-                                                            "type": "path",
+                                                            "type": "svg",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "icon icon-tabler icons-tabler-outline icon-tabler-x",
-                                                          "fill": "none",
-                                                          "height": "24",
-                                                          "stroke": "currentColor",
-                                                          "strokeLinecap": "round",
-                                                          "strokeLinejoin": "round",
-                                                          "strokeWidth": "2",
-                                                          "style": {
-                                                            "height": undefined,
-                                                            "width": undefined,
-                                                          },
-                                                          "viewBox": "0 0 24 24",
-                                                          "width": "24",
-                                                          "xmlns": "http://www.w3.org/2000/svg",
+                                                          "className": "m_8d3afb97",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
+                                                          "style": {},
                                                         },
-                                                        "type": "svg",
+                                                        "type": "span",
                                                         Symbol(cleaned): true,
                                                       },
                                                     ],
                                                     "props": {
-                                                      "className": "m_8d3afb97",
-                                                      "data-size": undefined,
-                                                      "data-variant": undefined,
+                                                      "className": "rjsf-add-optional-data m_8d3f4000 m_87cf2631",
+                                                      "data-size": "sm",
+                                                      "data-variant": "subtle",
+                                                      "id": "root_optionalObjectWithOneofs__optionalAdd",
+                                                      "onClick": [Function],
                                                       "size": undefined,
-                                                      "style": {},
+                                                      "style": {
+                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                        "--ai-bg": "transparent",
+                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                        "--ai-size": "var(--ai-size-sm)",
+                                                      },
+                                                      "title": "Add data for optional field",
+                                                      "type": "button",
                                                     },
-                                                    "type": "span",
+                                                    "type": "button",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "rjsf-array-item-remove m_8d3f4000 m_87cf2631",
-                                                  "data-disabled": true,
-                                                  "data-size": "sm",
-                                                  "data-variant": "subtle",
-                                                  "disabled": true,
-                                                  "id": "root_nestedArrayOptional_0__remove",
-                                                  "onClick": [Function],
+                                                  "className": "m_96bdd299 __m__-rr6",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
                                                   "size": undefined,
-                                                  "style": {
-                                                    "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                    "--ai-bg": "transparent",
-                                                    "--ai-color": "var(--mantine-color-red-light-color)",
-                                                    "--ai-hover": "var(--mantine-color-red-light-hover)",
-                                                    "--ai-size": "var(--ai-size-sm)",
-                                                  },
-                                                  "title": "Remove",
-                                                  "type": "button",
+                                                  "style": {},
                                                 },
-                                                "type": "button",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_4081bf90",
-                                              "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "size": undefined,
-                                              "style": {
-                                                "--group-align": "center",
-                                                "--group-gap": "calc(0.125rem * var(--mantine-scale))",
-                                                "--group-justify": "flex-start",
-                                                "--group-wrap": "nowrap",
-                                                "marginBottom": "calc(0.4375rem * var(--mantine-scale))",
-                                              },
+                                              "className": "m_dee7bd2f",
+                                              "style": {},
                                             },
                                             "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8bffd616 __m__-r133",
+                                          "className": "m_410352e9 __m__-rr1",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-rra{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                          },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
+                                        },
+                                        "type": "style",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "className": "m_2415a157 __m__-rra",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
                                           "style": {
-                                            "alignItems": "end",
-                                            "gap": "var(--mantine-spacing-xs)",
-                                            "justifyContent": "center",
+                                            "marginBottom": "var(--mantine-spacing-sm)",
                                           },
                                         },
                                         "type": "div",
@@ -13614,12 +13117,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                       },
                                     ],
                                     "props": {
-                                      "className": "rjsf-array-item",
+                                      "className": "m_7485cace",
                                       "data-size": undefined,
+                                      "data-strategy": "block",
                                       "data-variant": undefined,
+                                      "id": "root_optionalObjectWithOneofs",
                                       "size": undefined,
                                       "style": {
-                                        "marginBottom": "var(--mantine-spacing-xs)",
+                                        "padding": "0rem",
                                       },
                                     },
                                     "type": "div",
@@ -13627,15 +13132,53 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                   },
                                 ],
                                 "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
+                                  "className": "rjsf-field rjsf-field-object",
+                                  "style": undefined,
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
+                            ],
+                            "props": {
+                              "className": "m_6d731127",
+                              "data-size": undefined,
+                              "data-variant": undefined,
+                              "size": undefined,
+                              "style": {
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-undefined",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
                               {
                                 "children": [
                                   {
@@ -13644,117 +13187,84 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                         "children": [
                                           {
                                             "children": [
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M0 0h24v24H0z",
-                                                  "fill": "none",
-                                                  "stroke": "none",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M12 5l0 14",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M5 12l14 0",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
+                                              "optionalArrayWithAnyofs",
                                             ],
                                             "props": {
-                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                              "fill": "none",
-                                              "height": "24",
-                                              "stroke": "currentColor",
-                                              "strokeLinecap": "round",
-                                              "strokeLinejoin": "round",
-                                              "strokeWidth": "2",
+                                              "className": "m_8a5d1357",
+                                              "data-order": 4,
+                                              "data-size": undefined,
+                                              "data-variant": undefined,
+                                              "id": "root_optionalArrayWithAnyofs__title",
+                                              "size": undefined,
                                               "style": {
-                                                "height": undefined,
-                                                "width": undefined,
+                                                "--title-fw": "var(--mantine-h4-font-weight)",
+                                                "--title-fz": "var(--mantine-h4-font-size)",
+                                                "--title-lh": "var(--mantine-h4-line-height)",
+                                                "fontWeight": "normal",
                                               },
-                                              "viewBox": "0 0 24 24",
-                                              "width": "24",
-                                              "xmlns": "http://www.w3.org/2000/svg",
                                             },
-                                            "type": "svg",
+                                            "type": "h4",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8d3afb97",
+                                          "className": "m_90794832",
+                                          "style": {},
+                                        },
+                                        "type": "legend",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "className": "row rjsf-array-item-list",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
                                           "style": {},
                                         },
-                                        "type": "span",
+                                        "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                      "data-disabled": true,
-                                      "data-size": "md",
-                                      "data-variant": "subtle",
-                                      "disabled": true,
-                                      "id": "root_nestedArrayOptional__add",
-                                      "onClick": [Function],
+                                      "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                                      "data-size": undefined,
+                                      "data-variant": "default",
+                                      "id": "root_optionalArrayWithAnyofs",
                                       "size": undefined,
-                                      "style": {
-                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                        "--ai-bg": "transparent",
-                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                        "--ai-size": "var(--ai-size-md)",
-                                      },
-                                      "title": "Add Item",
-                                      "type": "button",
+                                      "style": {},
                                     },
-                                    "type": "button",
+                                    "type": "fieldset",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_4081bf90",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "--group-align": "center",
-                                    "--group-gap": "var(--mantine-spacing-md)",
-                                    "--group-justify": "flex-end",
-                                    "--group-wrap": "wrap",
-                                  },
+                                  "className": "rjsf-field rjsf-field-array",
+                                  "style": undefined,
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
                             ],
                             "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                              "className": "m_6d731127",
                               "data-size": undefined,
-                              "data-variant": "default",
-                              "id": "root_nestedArrayOptional",
+                              "data-variant": undefined,
                               "size": undefined,
-                              "style": {},
+                              "style": {
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
+                              },
                             },
-                            "type": "fieldset",
+                            "type": "div",
                             Symbol(cleaned): true,
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-array",
+                          "className": "rjsf-field rjsf-field-undefined",
                           "style": undefined,
                         },
                         "type": "div",
@@ -13771,6 +13281,169 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                     "type": "div",
                     Symbol(cleaned): true,
                   },
+                ],
+                "props": {
+                  "className": "m_2415a157 __m__-rnq",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "size": undefined,
+                  "style": {
+                    "marginBottom": "var(--mantine-spacing-sm)",
+                  },
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_7485cace",
+              "data-size": undefined,
+              "data-strategy": "block",
+              "data-variant": undefined,
+              "id": "root",
+              "size": undefined,
+              "style": {
+                "padding": "0rem",
+              },
+            },
+            "type": "div",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "rjsf-field rjsf-field-object",
+          "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 optional data controls shows "add" and "remove" optional controls when turned on in uiSchema, readonly and formData 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_8a5d1357",
+                  "data-order": 3,
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "id": "root__title",
+                  "size": undefined,
+                  "style": {
+                    "--title-fw": "var(--mantine-h3-font-weight)",
+                    "--title-fz": "var(--mantine-h3-font-size)",
+                    "--title-lh": "var(--mantine-h3-line-height)",
+                    "fontWeight": "normal",
+                  },
+                },
+                "type": "h3",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": null,
+                "props": {
+                  "dangerouslySetInnerHTML": {
+                    "__html": ".__m__-r11m{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                  },
+                  "data-mantine-styles": "inline",
+                  "nonce": undefined,
+                },
+                "type": "style",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": [
                   {
                     "children": [
                       {
@@ -13779,14 +13452,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                             "children": [
                               {
                                 "children": [
-                                  "nestedObject",
+                                  "nestedObjectOptional",
                                 ],
                                 "props": {
                                   "className": "m_8a5d1357",
                                   "data-order": 3,
                                   "data-size": undefined,
                                   "data-variant": undefined,
-                                  "id": "root_nestedObject__title",
+                                  "id": "root_nestedObjectOptional__title",
                                   "size": undefined,
                                   "style": {
                                     "--title-fw": "var(--mantine-h3-font-weight)",
@@ -13802,16 +13475,111 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-r13k{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-r11r{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
+                                },
+                                "type": "style",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              {
+                                                "children": [
+                                                  "test",
+                                                ],
+                                                "props": {
+                                                  "className": "m_8fdc1311",
+                                                  "data-size": "sm",
+                                                  "data-variant": undefined,
+                                                  "htmlFor": "root_nestedObjectOptional_test",
+                                                  "id": "root_nestedObjectOptional_test-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-invalid": false,
+                                                      "autoFocus": false,
+                                                      "className": "m_8fb7ebe7",
+                                                      "data-disabled": true,
+                                                      "data-size": undefined,
+                                                      "data-variant": "default",
+                                                      "disabled": true,
+                                                      "id": "root_nestedObjectOptional_test",
+                                                      "name": "root_nestedObjectOptional_test",
+                                                      "placeholder": "",
+                                                      "required": false,
+                                                      "size": undefined,
+                                                      "style": {},
+                                                      "type": "text",
+                                                      "value": "foo",
+                                                    },
+                                                    "type": "input",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "m_6c018570",
+                                                  "data-disabled": true,
+                                                  "data-size": "sm",
+                                                  "data-variant": "default",
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                    "--input-height": "var(--input-height-sm)",
+                                                  },
+                                                },
+                                                "type": "div",
+                                                Symbol(cleaned): true,
+                                              },
+                                            ],
+                                            "props": {
+                                              "className": "m_46b77525",
+                                              "data-size": "sm",
+                                              "data-variant": undefined,
+                                              "size": undefined,
+                                              "style": {},
+                                            },
+                                            "type": "div",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "rjsf-field rjsf-field-string",
+                                          "style": undefined,
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
                                   },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
-                                },
-                                "type": "style",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
                                   {
                                     "children": [
                                       {
@@ -13820,57 +13588,57 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                             "children": [
                                               {
                                                 "children": [
-                                                  "test",
+                                                  "deepObjectOptional",
                                                 ],
                                                 "props": {
-                                                  "className": "m_8fdc1311",
-                                                  "data-size": "sm",
+                                                  "className": "m_8a5d1357",
+                                                  "data-order": 3,
+                                                  "data-size": undefined,
                                                   "data-variant": undefined,
-                                                  "htmlFor": "root_nestedObject_test",
-                                                  "id": "root_nestedObject_test-label",
-                                                  "onMouseDown": [Function],
+                                                  "id": "root_nestedObjectOptional_deepObjectOptional__title",
                                                   "size": undefined,
                                                   "style": {
-                                                    "--input-label-size": "var(--mantine-font-size-sm)",
+                                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                                    "fontWeight": "normal",
                                                   },
                                                 },
-                                                "type": "label",
+                                                "type": "h3",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-r126{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
+                                                },
+                                                "type": "style",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": [
                                                   {
-                                                    "children": null,
+                                                    "children": [
+                                                      "No data for optional field",
+                                                    ],
                                                     "props": {
-                                                      "aria-describedby": undefined,
-                                                      "aria-invalid": false,
-                                                      "autoFocus": false,
-                                                      "className": "m_8fb7ebe7",
-                                                      "data-disabled": true,
-                                                      "data-size": undefined,
-                                                      "data-variant": "default",
-                                                      "disabled": true,
-                                                      "id": "root_nestedObject_test",
-                                                      "name": "root_nestedObject_test",
-                                                      "placeholder": "",
-                                                      "required": false,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                      "type": "text",
+                                                      "id": "root_nestedObjectOptional_deepObjectOptional__optionalMsg",
                                                     },
-                                                    "type": "input",
+                                                    "type": "em",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_6c018570",
-                                                  "data-disabled": true,
-                                                  "data-size": "sm",
-                                                  "data-variant": "default",
+                                                  "className": "m_2415a157 __m__-r126",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
                                                   "size": undefined,
                                                   "style": {
-                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                    "--input-height": "var(--input-height-sm)",
+                                                    "marginBottom": "var(--mantine-spacing-sm)",
                                                   },
                                                 },
                                                 "type": "div",
@@ -13878,18 +13646,22 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_46b77525",
-                                              "data-size": "sm",
+                                              "className": "m_7485cace",
+                                              "data-size": undefined,
+                                              "data-strategy": "block",
                                               "data-variant": undefined,
+                                              "id": "root_nestedObjectOptional_deepObjectOptional",
                                               "size": undefined,
-                                              "style": {},
+                                              "style": {
+                                                "padding": "0rem",
+                                              },
                                             },
                                             "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-string",
+                                          "className": "rjsf-field rjsf-field-object",
                                           "style": undefined,
                                         },
                                         "type": "div",
@@ -13906,104 +13678,188 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                     "type": "div",
                                     Symbol(cleaned): true,
                                   },
-                                ],
-                                "props": {
-                                  "className": "m_2415a157 __m__-r13k",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "marginBottom": "var(--mantine-spacing-sm)",
-                                  },
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_7485cace",
-                              "data-size": undefined,
-                              "data-strategy": "block",
-                              "data-variant": undefined,
-                              "id": "root_nestedObject",
-                              "size": undefined,
-                              "style": {
-                                "padding": "0rem",
-                              },
-                            },
-                            "type": "div",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-object",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
                                   {
                                     "children": [
-                                      "nestedArray",
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              {
+                                                "children": [
+                                                  "deepObject",
+                                                ],
+                                                "props": {
+                                                  "className": "m_8a5d1357",
+                                                  "data-order": 3,
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "id": "root_nestedObjectOptional_deepObject__title",
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                                    "fontWeight": "normal",
+                                                  },
+                                                },
+                                                "type": "h3",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__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,
+                                                },
+                                                "type": "style",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": [
+                                                                  "deepTest",
+                                                                ],
+                                                                "props": {
+                                                                  "className": "m_8fdc1311",
+                                                                  "data-size": "sm",
+                                                                  "data-variant": undefined,
+                                                                  "htmlFor": "root_nestedObjectOptional_deepObject_deepTest",
+                                                                  "id": "root_nestedObjectOptional_deepObject_deepTest-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-invalid": false,
+                                                                      "autoFocus": false,
+                                                                      "className": "m_8fb7ebe7",
+                                                                      "data-disabled": true,
+                                                                      "data-size": undefined,
+                                                                      "data-variant": "default",
+                                                                      "disabled": true,
+                                                                      "id": "root_nestedObjectOptional_deepObject_deepTest",
+                                                                      "name": "root_nestedObjectOptional_deepObject_deepTest",
+                                                                      "placeholder": "",
+                                                                      "required": false,
+                                                                      "size": undefined,
+                                                                      "style": {},
+                                                                      "type": "text",
+                                                                    },
+                                                                    "type": "input",
+                                                                    Symbol(cleaned): true,
+                                                                  },
+                                                                ],
+                                                                "props": {
+                                                                  "className": "m_6c018570",
+                                                                  "data-disabled": true,
+                                                                  "data-size": "sm",
+                                                                  "data-variant": "default",
+                                                                  "size": undefined,
+                                                                  "style": {
+                                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                                    "--input-height": "var(--input-height-sm)",
+                                                                  },
+                                                                },
+                                                                "type": "div",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
+                                                            "props": {
+                                                              "className": "m_46b77525",
+                                                              "data-size": "sm",
+                                                              "data-variant": undefined,
+                                                              "size": undefined,
+                                                              "style": {},
+                                                            },
+                                                            "type": "div",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "rjsf-field rjsf-field-string",
+                                                          "style": undefined,
+                                                        },
+                                                        "type": "div",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "",
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "size": undefined,
+                                                      "style": {},
+                                                    },
+                                                    "type": "div",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "m_2415a157 __m__-r12b",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                                  },
+                                                },
+                                                "type": "div",
+                                                Symbol(cleaned): true,
+                                              },
+                                            ],
+                                            "props": {
+                                              "className": "m_7485cace",
+                                              "data-size": undefined,
+                                              "data-strategy": "block",
+                                              "data-variant": undefined,
+                                              "id": "root_nestedObjectOptional_deepObject",
+                                              "size": undefined,
+                                              "style": {
+                                                "padding": "0rem",
+                                              },
+                                            },
+                                            "type": "div",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "rjsf-field rjsf-field-object",
+                                          "style": undefined,
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
                                     ],
                                     "props": {
-                                      "className": "m_8a5d1357",
-                                      "data-order": 4,
+                                      "className": "",
                                       "data-size": undefined,
                                       "data-variant": undefined,
-                                      "id": "root_nestedArray__title",
                                       "size": undefined,
-                                      "style": {
-                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                        "fontWeight": "normal",
-                                      },
+                                      "style": {},
                                     },
-                                    "type": "h4",
+                                    "type": "div",
                                     Symbol(cleaned): true,
                                   },
-                                ],
-                                "props": {
-                                  "className": "m_90794832",
-                                  "style": {},
-                                },
-                                "type": "legend",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
                                   {
                                     "children": [
                                       {
@@ -14011,264 +13867,323 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                           {
                                             "children": [
                                               {
-                                                "children": null,
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      "deepArrayOptional",
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 4,
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional__title",
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                                        "fontWeight": "normal",
+                                                      },
+                                                    },
+                                                    "type": "h4",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
                                                 "props": {
-                                                  "d": "M0 0h24v24H0z",
-                                                  "fill": "none",
-                                                  "stroke": "none",
+                                                  "className": "m_90794832",
+                                                  "style": {},
                                                 },
-                                                "type": "path",
+                                                "type": "legend",
                                                 Symbol(cleaned): true,
                                               },
                                               {
                                                 "children": null,
                                                 "props": {
-                                                  "d": "M12 5l0 14",
+                                                  "className": "row rjsf-array-item-list",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
                                                 },
-                                                "type": "path",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                               {
-                                                "children": null,
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M0 0h24v24H0z",
+                                                                  "fill": "none",
+                                                                  "stroke": "none",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M12 5l0 14",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M5 12l14 0",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
+                                                            "props": {
+                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                              "fill": "none",
+                                                              "height": "24",
+                                                              "stroke": "currentColor",
+                                                              "strokeLinecap": "round",
+                                                              "strokeLinejoin": "round",
+                                                              "strokeWidth": "2",
+                                                              "style": {
+                                                                "height": undefined,
+                                                                "width": undefined,
+                                                              },
+                                                              "viewBox": "0 0 24 24",
+                                                              "width": "24",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            },
+                                                            "type": "svg",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_8d3afb97",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
+                                                          "style": {},
+                                                        },
+                                                        "type": "span",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                                      "data-disabled": true,
+                                                      "data-size": "md",
+                                                      "data-variant": "subtle",
+                                                      "disabled": true,
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional__add",
+                                                      "onClick": [Function],
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                        "--ai-bg": "transparent",
+                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                        "--ai-size": "var(--ai-size-md)",
+                                                      },
+                                                      "title": "Add Item",
+                                                      "type": "button",
+                                                    },
+                                                    "type": "button",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
                                                 "props": {
-                                                  "d": "M5 12l14 0",
+                                                  "className": "m_4081bf90",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--group-align": "center",
+                                                    "--group-gap": "var(--mantine-spacing-md)",
+                                                    "--group-justify": "flex-end",
+                                                    "--group-wrap": "wrap",
+                                                  },
                                                 },
-                                                "type": "path",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                              "fill": "none",
-                                              "height": "24",
-                                              "stroke": "currentColor",
-                                              "strokeLinecap": "round",
-                                              "strokeLinejoin": "round",
-                                              "strokeWidth": "2",
-                                              "style": {
-                                                "height": undefined,
-                                                "width": undefined,
-                                              },
-                                              "viewBox": "0 0 24 24",
-                                              "width": "24",
-                                              "xmlns": "http://www.w3.org/2000/svg",
+                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                                              "data-size": undefined,
+                                              "data-variant": "default",
+                                              "id": "root_nestedObjectOptional_deepArrayOptional",
+                                              "size": undefined,
+                                              "style": {},
                                             },
-                                            "type": "svg",
+                                            "type": "fieldset",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8d3afb97",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {},
+                                          "className": "rjsf-field rjsf-field-array",
+                                          "style": undefined,
                                         },
-                                        "type": "span",
+                                        "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                      "data-disabled": true,
-                                      "data-size": "md",
-                                      "data-variant": "subtle",
-                                      "disabled": true,
-                                      "id": "root_nestedArray__add",
-                                      "onClick": [Function],
-                                      "size": undefined,
-                                      "style": {
-                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                        "--ai-bg": "transparent",
-                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                        "--ai-size": "var(--ai-size-md)",
-                                      },
-                                      "title": "Add Item",
-                                      "type": "button",
-                                    },
-                                    "type": "button",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_4081bf90",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "--group-align": "center",
-                                    "--group-gap": "var(--mantine-spacing-md)",
-                                    "--group-justify": "flex-end",
-                                    "--group-wrap": "wrap",
-                                  },
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
-                              "data-size": undefined,
-                              "data-variant": "default",
-                              "id": "root_nestedArray",
-                              "size": undefined,
-                              "style": {},
-                            },
-                            "type": "fieldset",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-array",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "optionalObjectWithOneofs",
-                                    ],
-                                    "props": {
-                                      "className": "m_8fdc1311",
-                                      "data-size": "sm",
+                                      "className": "",
+                                      "data-size": undefined,
                                       "data-variant": undefined,
-                                      "htmlFor": "root_optionalObjectWithOneofs__oneof_select",
-                                      "id": "root_optionalObjectWithOneofs__oneof_select-label",
-                                      "onMouseDown": [Function],
                                       "size": undefined,
-                                      "style": {
-                                        "--input-label-size": "var(--mantine-font-size-sm)",
-                                      },
+                                      "style": {},
                                     },
-                                    "type": "label",
+                                    "type": "div",
                                     Symbol(cleaned): true,
                                   },
                                   {
                                     "children": [
-                                      {
-                                        "children": null,
-                                        "props": {
-                                          "aria-describedby": undefined,
-                                          "aria-haspopup": "listbox",
-                                          "aria-invalid": false,
-                                          "autoComplete": "off",
-                                          "className": "m_8fb7ebe7",
-                                          "data-disabled": true,
-                                          "data-size": undefined,
-                                          "data-variant": "default",
-                                          "disabled": true,
-                                          "enableOptionalDataFieldForType": [],
-                                          "id": "root_optionalObjectWithOneofs__oneof_select",
-                                          "onBlur": [Function],
-                                          "onChange": [Function],
-                                          "onClick": [Function],
-                                          "onFocus": [Function],
-                                          "onKeyDown": [Function],
-                                          "readOnly": false,
-                                          "required": undefined,
-                                          "size": undefined,
-                                          "style": {},
-                                          "value": "Option 1",
-                                        },
-                                        "type": "input",
-                                        Symbol(cleaned): true,
-                                      },
                                       {
                                         "children": [
                                           {
                                             "children": [
                                               {
-                                                "children": null,
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      "deepArrayOptional2",
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 4,
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__title",
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                                        "fontWeight": "normal",
+                                                      },
+                                                    },
+                                                    "type": "h4",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
                                                 "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",
+                                                  "className": "m_90794832",
+                                                  "style": {},
                                                 },
-                                                "type": "path",
+                                                "type": "legend",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      "No data for optional field",
+                                                    ],
+                                                    "props": {
+                                                      "id": "root_nestedObjectOptional_deepArrayOptional2__optionalMsg",
+                                                    },
+                                                    "type": "em",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "row rjsf-array-item-list",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
+                                                },
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_2943220b",
-                                              "data-combobox-chevron": true,
+                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
                                               "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "fill": "none",
+                                              "data-variant": "default",
+                                              "id": "root_nestedObjectOptional_deepArrayOptional2",
                                               "size": undefined,
                                               "style": {},
-                                              "viewBox": "0 0 15 15",
-                                              "xmlns": "http://www.w3.org/2000/svg",
                                             },
-                                            "type": "svg",
+                                            "type": "fieldset",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_82577fc2",
-                                          "data-position": "right",
-                                          "style": {},
+                                          "className": "rjsf-field rjsf-field-array",
+                                          "style": undefined,
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "m_6c018570",
-                                      "data-disabled": true,
-                                      "data-size": "sm",
-                                      "data-variant": "default",
-                                      "data-with-right-section": true,
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
                                       "size": undefined,
-                                      "style": {
-                                        "--input-fz": "var(--mantine-font-size-sm)",
-                                        "--input-height": "var(--input-height-sm)",
-                                        "--input-right-section-pointer-events": "none",
-                                      },
+                                      "style": {},
                                     },
                                     "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": [
+                                                      "deepArray",
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 4,
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "id": "root_nestedObjectOptional_deepArray__title",
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                                        "fontWeight": "normal",
+                                                      },
+                                                    },
+                                                    "type": "h4",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "m_90794832",
+                                                  "style": {},
+                                                },
+                                                "type": "legend",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "className": "row rjsf-array-item-list",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
+                                                },
+                                                "type": "div",
+                                                Symbol(cleaned): true,
+                                              },
                                               {
                                                 "children": [
                                                   {
@@ -14278,203 +14193,96 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                           {
                                                             "children": [
                                                               {
-                                                                "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,
-                                                                  },
-                                                                ],
+                                                                "children": null,
                                                                 "props": {
-                                                                  "aria-hidden": true,
-                                                                  "className": "m_8ee53fc2",
+                                                                  "d": "M0 0h24v24H0z",
                                                                   "fill": "none",
-                                                                  "style": undefined,
-                                                                  "viewBox": "0 0 10 7",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
+                                                                  "stroke": "none",
                                                                 },
-                                                                "type": "svg",
+                                                                "type": "path",
                                                                 Symbol(cleaned): true,
                                                               },
                                                               {
-                                                                "children": [
-                                                                  "Option 1",
-                                                                ],
-                                                                "props": {},
-                                                                "type": "span",
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M12 5l0 14",
+                                                                },
+                                                                "type": "path",
                                                                 Symbol(cleaned): true,
                                                               },
-                                                            ],
-                                                            "props": {
-                                                              "aria-selected": true,
-                                                              "className": "m_92253aa5 m_390b5f4",
-                                                              "data-checked": true,
-                                                              "data-combobox-active": true,
-                                                              "data-combobox-option": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": undefined,
-                                                              "id": ":r14l:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "0",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
                                                               {
-                                                                "children": [
-                                                                  "Option 2",
-                                                                ],
-                                                                "props": {},
-                                                                "type": "span",
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M5 12l14 0",
+                                                                },
+                                                                "type": "path",
                                                                 Symbol(cleaned): true,
                                                               },
                                                             ],
                                                             "props": {
-                                                              "aria-selected": false,
-                                                              "className": "m_92253aa5 m_390b5f4",
-                                                              "data-combobox-option": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": undefined,
-                                                              "id": ":r14n:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "1",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "Option 3",
-                                                                ],
-                                                                "props": {},
-                                                                "type": "span",
-                                                                Symbol(cleaned): true,
+                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                              "fill": "none",
+                                                              "height": "24",
+                                                              "stroke": "currentColor",
+                                                              "strokeLinecap": "round",
+                                                              "strokeLinejoin": "round",
+                                                              "strokeWidth": "2",
+                                                              "style": {
+                                                                "height": undefined,
+                                                                "width": undefined,
                                                               },
-                                                            ],
-                                                            "props": {
-                                                              "aria-selected": false,
-                                                              "className": "m_92253aa5 m_390b5f4",
-                                                              "data-combobox-option": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": undefined,
-                                                              "id": ":r14p:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "2",
+                                                              "viewBox": "0 0 24 24",
+                                                              "width": "24",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
                                                             },
-                                                            "type": "div",
+                                                            "type": "svg",
                                                             Symbol(cleaned): true,
                                                           },
                                                         ],
                                                         "props": {
-                                                          "className": "m_b1336c6",
+                                                          "className": "m_8d3afb97",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
                                                           "style": {},
                                                         },
-                                                        "type": "div",
+                                                        "type": "span",
                                                         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],
+                                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                                      "data-disabled": true,
+                                                      "data-size": "md",
+                                                      "data-variant": "subtle",
+                                                      "disabled": true,
+                                                      "id": "root_nestedObjectOptional_deepArray__add",
+                                                      "onClick": [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",
+                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                        "--ai-bg": "transparent",
+                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                        "--ai-size": "var(--ai-size-md)",
                                                       },
+                                                      "title": "Add Item",
+                                                      "type": "button",
                                                     },
-                                                    "type": "div",
+                                                    "type": "button",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_d57069b5",
-                                                  "data-autosize": "true",
+                                                  "className": "m_4081bf90",
                                                   "data-size": undefined,
                                                   "data-variant": undefined,
                                                   "size": undefined,
                                                   "style": {
-                                                    "--sa-corner-height": "0px",
-                                                    "--sa-corner-width": "0px",
-                                                    "--scrollarea-scrollbar-size": "var(--combobox-padding)",
+                                                    "--group-align": "center",
+                                                    "--group-gap": "var(--mantine-spacing-md)",
+                                                    "--group-justify": "flex-end",
+                                                    "--group-wrap": "wrap",
                                                   },
                                                 },
                                                 "type": "div",
@@ -14482,129 +14290,123 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                               },
                                             ],
                                             "props": {
-                                              "className": "",
+                                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
                                               "data-size": undefined,
-                                              "data-variant": undefined,
+                                              "data-variant": "default",
+                                              "id": "root_nestedObjectOptional_deepArray",
                                               "size": undefined,
-                                              "style": {
-                                                "display": "flex",
-                                                "flex": 1,
-                                                "flexDirection": "column",
-                                                "minHeight": 0,
-                                                "minWidth": 0,
-                                                "overflow": "hidden",
-                                              },
+                                              "style": {},
                                             },
-                                            "type": "div",
+                                            "type": "fieldset",
                                             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",
-                                          },
+                                          "className": "rjsf-field rjsf-field-array",
+                                          "style": undefined,
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "aria-labelledby": "root_optionalObjectWithOneofs__oneof_select-label",
-                                      "className": "m_b2821a6e",
+                                      "className": "",
                                       "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)",
-                                      },
+                                      "style": {},
                                     },
                                     "type": "div",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_38a85659 m_88b62a41",
-                                  "data-composed": true,
-                                  "data-fixed": undefined,
-                                  "data-hidden": true,
-                                  "data-position": "bottom",
+                                  "className": "m_2415a157 __m__-r11r",
                                   "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,
+                                    "marginBottom": "var(--mantine-spacing-sm)",
                                   },
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
+                            ],
+                            "props": {
+                              "className": "m_7485cace",
+                              "data-size": undefined,
+                              "data-strategy": "block",
+                              "data-variant": undefined,
+                              "id": "root_nestedObjectOptional",
+                              "size": undefined,
+                              "style": {
+                                "padding": "0rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-object",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
                               {
-                                "children": null,
+                                "children": [
+                                  {
+                                    "children": [
+                                      "nestedArrayOptional",
+                                    ],
+                                    "props": {
+                                      "className": "m_8a5d1357",
+                                      "data-order": 4,
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "id": "root_nestedArrayOptional__title",
+                                      "size": undefined,
+                                      "style": {
+                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                        "fontWeight": "normal",
+                                      },
+                                    },
+                                    "type": "h4",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
                                 "props": {
-                                  "disabled": true,
-                                  "form": undefined,
-                                  "name": "root_optionalObjectWithOneofs__oneof_select",
-                                  "type": "hidden",
-                                  "value": "0",
+                                  "className": "m_90794832",
+                                  "style": {},
                                 },
-                                "type": "input",
+                                "type": "legend",
                                 Symbol(cleaned): true,
                               },
                               {
                                 "children": [
                                   {
                                     "children": [
-                                      {
-                                        "children": [
-                                          "optionalObjectWithOneofs",
-                                        ],
-                                        "props": {
-                                          "className": "m_8a5d1357",
-                                          "data-order": 3,
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "id": "root_optionalObjectWithOneofs__title",
-                                          "size": undefined,
-                                          "style": {
-                                            "--title-fw": "var(--mantine-h3-font-weight)",
-                                            "--title-fz": "var(--mantine-h3-font-size)",
-                                            "--title-lh": "var(--mantine-h3-line-height)",
-                                            "fontWeight": "normal",
-                                          },
-                                        },
-                                        "type": "h3",
-                                        Symbol(cleaned): true,
-                                      },
-                                      {
-                                        "children": null,
-                                        "props": {
-                                          "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-r14t{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                          },
-                                          "data-mantine-styles": "inline",
-                                          "nonce": undefined,
-                                        },
-                                        "type": "style",
-                                        Symbol(cleaned): true,
-                                      },
                                       {
                                         "children": [
                                           {
@@ -14615,14 +14417,27 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                     "children": [
                                                       {
                                                         "children": [
-                                                          "name",
+                                                          "nestedArrayOptional-0",
+                                                          {
+                                                            "children": [
+                                                              " *",
+                                                            ],
+                                                            "props": {
+                                                              "aria-hidden": true,
+                                                              "className": "m_78a94662",
+                                                              "style": {},
+                                                            },
+                                                            "type": "span",
+                                                            Symbol(cleaned): true,
+                                                          },
                                                         ],
                                                         "props": {
                                                           "className": "m_8fdc1311",
+                                                          "data-required": true,
                                                           "data-size": "sm",
                                                           "data-variant": undefined,
-                                                          "htmlFor": "root_optionalObjectWithOneofs_name",
-                                                          "id": "root_optionalObjectWithOneofs_name-label",
+                                                          "htmlFor": "root_nestedArrayOptional_0",
+                                                          "id": "root_nestedArrayOptional_0-label",
                                                           "onMouseDown": [Function],
                                                           "size": undefined,
                                                           "style": {
@@ -14645,13 +14460,14 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                               "data-size": undefined,
                                                               "data-variant": "default",
                                                               "disabled": true,
-                                                              "id": "root_optionalObjectWithOneofs_name",
-                                                              "name": "root_optionalObjectWithOneofs_name",
+                                                              "id": "root_nestedArrayOptional_0",
+                                                              "name": "root_nestedArrayOptional_0",
                                                               "placeholder": "",
-                                                              "required": false,
+                                                              "required": true,
                                                               "size": undefined,
                                                               "style": {},
                                                               "type": "text",
+                                                              "value": "bar",
                                                             },
                                                             "type": "input",
                                                             Symbol(cleaned): true,
@@ -14682,439 +14498,436 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                                                     "type": "div",
                                                     Symbol(cleaned): true,
                                                   },
-                                                ],
-                                                "props": {
-                                                  "className": "rjsf-field rjsf-field-string",
-                                                  "style": undefined,
+                                                ],
+                                                "props": {
+                                                  "className": "rjsf-field rjsf-field-string",
+                                                  "style": undefined,
+                                                },
+                                                "type": "div",
+                                                Symbol(cleaned): true,
+                                              },
+                                            ],
+                                            "props": {
+                                              "className": "",
+                                              "data-size": undefined,
+                                              "data-variant": undefined,
+                                              "size": undefined,
+                                              "style": {
+                                                "width": "100%",
+                                              },
+                                            },
+                                            "type": "div",
+                                            Symbol(cleaned): true,
+                                          },
+                                          {
+                                            "children": [
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": null,
+                                                            "props": {
+                                                              "d": "M0 0h24v24H0z",
+                                                              "fill": "none",
+                                                              "stroke": "none",
+                                                            },
+                                                            "type": "path",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                          {
+                                                            "children": null,
+                                                            "props": {
+                                                              "d": "M18 6l-12 12",
+                                                            },
+                                                            "type": "path",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                          {
+                                                            "children": null,
+                                                            "props": {
+                                                              "d": "M6 6l12 12",
+                                                            },
+                                                            "type": "path",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "icon icon-tabler icons-tabler-outline icon-tabler-x",
+                                                          "fill": "none",
+                                                          "height": "24",
+                                                          "stroke": "currentColor",
+                                                          "strokeLinecap": "round",
+                                                          "strokeLinejoin": "round",
+                                                          "strokeWidth": "2",
+                                                          "style": {
+                                                            "height": undefined,
+                                                            "width": undefined,
+                                                          },
+                                                          "viewBox": "0 0 24 24",
+                                                          "width": "24",
+                                                          "xmlns": "http://www.w3.org/2000/svg",
+                                                        },
+                                                        "type": "svg",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_8d3afb97",
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "size": undefined,
+                                                      "style": {},
+                                                    },
+                                                    "type": "span",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "rjsf-array-item-remove m_8d3f4000 m_87cf2631",
+                                                  "data-disabled": true,
+                                                  "data-size": "sm",
+                                                  "data-variant": "subtle",
+                                                  "disabled": true,
+                                                  "id": "root_nestedArrayOptional_0__remove",
+                                                  "onClick": [Function],
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                    "--ai-bg": "transparent",
+                                                    "--ai-color": "var(--mantine-color-red-light-color)",
+                                                    "--ai-hover": "var(--mantine-color-red-light-hover)",
+                                                    "--ai-size": "var(--ai-size-sm)",
+                                                  },
+                                                  "title": "Remove",
+                                                  "type": "button",
                                                 },
-                                                "type": "div",
+                                                "type": "button",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "",
+                                              "className": "m_4081bf90",
                                               "data-size": undefined,
                                               "data-variant": undefined,
                                               "size": undefined,
-                                              "style": {},
+                                              "style": {
+                                                "--group-align": "center",
+                                                "--group-gap": "calc(0.125rem * var(--mantine-scale))",
+                                                "--group-justify": "flex-start",
+                                                "--group-wrap": "nowrap",
+                                                "marginBottom": "calc(0.4375rem * var(--mantine-scale))",
+                                              },
                                             },
                                             "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_2415a157 __m__-r14t",
+                                          "className": "m_8bffd616 __m__-r13a",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
                                           "style": {
-                                            "marginBottom": "var(--mantine-spacing-sm)",
-                                          },
-                                        },
-                                        "type": "div",
-                                        Symbol(cleaned): true,
-                                      },
-                                    ],
-                                    "props": {
-                                      "className": "m_7485cace",
-                                      "data-size": undefined,
-                                      "data-strategy": "block",
-                                      "data-variant": undefined,
-                                      "id": "root_optionalObjectWithOneofs",
-                                      "size": undefined,
-                                      "style": {
-                                        "padding": "0rem",
-                                      },
-                                    },
-                                    "type": "div",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "rjsf-field rjsf-field-object",
-                                  "style": undefined,
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_6d731127",
-                              "data-size": undefined,
-                              "data-variant": undefined,
-                              "size": undefined,
-                              "style": {
-                                "--stack-align": "stretch",
-                                "--stack-gap": "var(--mantine-spacing-md)",
-                                "--stack-justify": "flex-start",
-                                "marginBottom": "1rem",
-                              },
-                            },
-                            "type": "div",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-undefined",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                ],
-                "props": {
-                  "className": "m_2415a157 __m__-r11f",
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "size": undefined,
-                  "style": {
-                    "marginBottom": "var(--mantine-spacing-sm)",
-                  },
-                },
-                "type": "div",
-                Symbol(cleaned): true,
-              },
-            ],
-            "props": {
-              "className": "m_7485cace",
-              "data-size": undefined,
-              "data-strategy": "block",
-              "data-variant": undefined,
-              "id": "root",
-              "size": undefined,
-              "style": {
-                "padding": "0rem",
-              },
-            },
-            "type": "div",
-            Symbol(cleaned): true,
-          },
-        ],
-        "props": {
-          "className": "rjsf-field rjsf-field-object",
-          "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 optional data controls shows "add" optional controls when turned on in uiSchema and no formData 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_8a5d1357",
-                  "data-order": 3,
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "id": "root__title",
-                  "size": undefined,
-                  "style": {
-                    "--title-fw": "var(--mantine-h3-font-weight)",
-                    "--title-fz": "var(--mantine-h3-font-size)",
-                    "--title-lh": "var(--mantine-h3-line-height)",
-                    "fontWeight": "normal",
-                  },
-                },
-                "type": "h3",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": null,
-                "props": {
-                  "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rl0{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                  },
-                  "data-mantine-styles": "inline",
-                  "nonce": undefined,
-                },
-                "type": "style",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": [
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": null,
-                                "props": {
-                                  "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rl4{--grid-gutter:var(--mantine-spacing-md);}",
+                                            "alignItems": "end",
+                                            "gap": "var(--mantine-spacing-xs)",
+                                            "justifyContent": "center",
+                                          },
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "className": "rjsf-array-item",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "size": undefined,
+                                      "style": {
+                                        "marginBottom": "var(--mantine-spacing-xs)",
+                                      },
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
                                   },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
+                                ],
+                                "props": {
+                                  "className": "row rjsf-array-item-list",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
                                 },
-                                "type": "style",
+                                "type": "div",
                                 Symbol(cleaned): true,
                               },
                               {
                                 "children": [
                                   {
                                     "children": [
-                                      {
-                                        "children": null,
-                                        "props": {
-                                          "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rl6{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
-                                          },
-                                          "data-mantine-styles": "inline",
-                                          "nonce": undefined,
-                                        },
-                                        "type": "style",
-                                        Symbol(cleaned): true,
-                                      },
                                       {
                                         "children": [
                                           {
                                             "children": [
-                                              "nestedObjectOptional",
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M0 0h24v24H0z",
+                                                  "fill": "none",
+                                                  "stroke": "none",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M12 5l0 14",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M5 12l14 0",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
                                             ],
                                             "props": {
-                                              "className": "m_8a5d1357",
-                                              "data-order": 3,
-                                              "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "id": "root_nestedObjectOptional__title",
-                                              "size": undefined,
+                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                              "fill": "none",
+                                              "height": "24",
+                                              "stroke": "currentColor",
+                                              "strokeLinecap": "round",
+                                              "strokeLinejoin": "round",
+                                              "strokeWidth": "2",
                                               "style": {
-                                                "--title-fw": "var(--mantine-h3-font-weight)",
-                                                "--title-fz": "var(--mantine-h3-font-size)",
-                                                "--title-lh": "var(--mantine-h3-line-height)",
-                                                "fontWeight": "normal",
+                                                "height": undefined,
+                                                "width": undefined,
                                               },
+                                              "viewBox": "0 0 24 24",
+                                              "width": "24",
+                                              "xmlns": "http://www.w3.org/2000/svg",
                                             },
-                                            "type": "h3",
+                                            "type": "svg",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_96bdd299 __m__-rl6",
+                                          "className": "m_8d3afb97",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
                                           "style": {},
                                         },
-                                        "type": "div",
+                                        "type": "span",
                                         Symbol(cleaned): true,
                                       },
-                                      {
-                                        "children": null,
-                                        "props": {
-                                          "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rl9{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
-                                          },
-                                          "data-mantine-styles": "inline",
-                                          "nonce": undefined,
-                                        },
-                                        "type": "style",
-                                        Symbol(cleaned): true,
+                                    ],
+                                    "props": {
+                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                      "data-disabled": true,
+                                      "data-size": "md",
+                                      "data-variant": "subtle",
+                                      "disabled": true,
+                                      "id": "root_nestedArrayOptional__add",
+                                      "onClick": [Function],
+                                      "size": undefined,
+                                      "style": {
+                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                        "--ai-bg": "transparent",
+                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                        "--ai-size": "var(--ai-size-md)",
                                       },
+                                      "title": "Add Item",
+                                      "type": "button",
+                                    },
+                                    "type": "button",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_4081bf90",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {
+                                    "--group-align": "center",
+                                    "--group-gap": "var(--mantine-spacing-md)",
+                                    "--group-justify": "flex-end",
+                                    "--group-wrap": "wrap",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                              "data-size": undefined,
+                              "data-variant": "default",
+                              "id": "root_nestedArrayOptional",
+                              "size": undefined,
+                              "style": {},
+                            },
+                            "type": "fieldset",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-array",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  "nestedObject",
+                                ],
+                                "props": {
+                                  "className": "m_8a5d1357",
+                                  "data-order": 3,
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "id": "root_nestedObject__title",
+                                  "size": undefined,
+                                  "style": {
+                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                    "fontWeight": "normal",
+                                  },
+                                },
+                                "type": "h3",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "dangerouslySetInnerHTML": {
+                                    "__html": ".__m__-r13r{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
+                                },
+                                "type": "style",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "children": [
                                       {
                                         "children": [
                                           {
                                             "children": [
                                               {
                                                 "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": null,
-                                                        "props": {
-                                                          "d": "M0 0h24v24H0z",
-                                                          "fill": "none",
-                                                          "stroke": "none",
-                                                        },
-                                                        "type": "path",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                      {
-                                                        "children": null,
-                                                        "props": {
-                                                          "d": "M12 5l0 14",
-                                                        },
-                                                        "type": "path",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                      {
-                                                        "children": null,
-                                                        "props": {
-                                                          "d": "M5 12l14 0",
-                                                        },
-                                                        "type": "path",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
+                                                  "test",
+                                                ],
+                                                "props": {
+                                                  "className": "m_8fdc1311",
+                                                  "data-size": "sm",
+                                                  "data-variant": undefined,
+                                                  "htmlFor": "root_nestedObject_test",
+                                                  "id": "root_nestedObject_test-label",
+                                                  "onMouseDown": [Function],
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--input-label-size": "var(--mantine-font-size-sm)",
+                                                  },
+                                                },
+                                                "type": "label",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": null,
                                                     "props": {
-                                                      "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                                      "fill": "none",
-                                                      "height": "24",
-                                                      "stroke": "currentColor",
-                                                      "strokeLinecap": "round",
-                                                      "strokeLinejoin": "round",
-                                                      "strokeWidth": "2",
-                                                      "style": {
-                                                        "height": undefined,
-                                                        "width": undefined,
-                                                      },
-                                                      "viewBox": "0 0 24 24",
-                                                      "width": "24",
-                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                      "aria-describedby": undefined,
+                                                      "aria-invalid": false,
+                                                      "autoFocus": false,
+                                                      "className": "m_8fb7ebe7",
+                                                      "data-disabled": true,
+                                                      "data-size": undefined,
+                                                      "data-variant": "default",
+                                                      "disabled": true,
+                                                      "id": "root_nestedObject_test",
+                                                      "name": "root_nestedObject_test",
+                                                      "placeholder": "",
+                                                      "required": false,
+                                                      "size": undefined,
+                                                      "style": {},
+                                                      "type": "text",
                                                     },
-                                                    "type": "svg",
+                                                    "type": "input",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_8d3afb97",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
+                                                  "className": "m_6c018570",
+                                                  "data-disabled": true,
+                                                  "data-size": "sm",
+                                                  "data-variant": "default",
                                                   "size": undefined,
-                                                  "style": {},
+                                                  "style": {
+                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                    "--input-height": "var(--input-height-sm)",
+                                                  },
                                                 },
-                                                "type": "span",
+                                                "type": "div",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "rjsf-add-optional-data m_8d3f4000 m_87cf2631",
+                                              "className": "m_46b77525",
                                               "data-size": "sm",
-                                              "data-variant": "subtle",
-                                              "id": "root_nestedObjectOptional__optionalAdd",
-                                              "onClick": [Function],
+                                              "data-variant": undefined,
                                               "size": undefined,
-                                              "style": {
-                                                "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                                "--ai-bg": "transparent",
-                                                "--ai-color": "var(--mantine-color-blue-light-color)",
-                                                "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                                "--ai-size": "var(--ai-size-sm)",
-                                              },
-                                              "title": "Add data for optional field",
-                                              "type": "button",
+                                              "style": {},
                                             },
-                                            "type": "button",
+                                            "type": "div",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_96bdd299 __m__-rl9",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {},
+                                          "className": "rjsf-field rjsf-field-string",
+                                          "style": undefined,
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "m_dee7bd2f",
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "size": undefined,
                                       "style": {},
                                     },
                                     "type": "div",
@@ -15122,36 +14935,199 @@ exports[`single fields optional data controls shows "add" optional controls when
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_410352e9 __m__-rl4",
+                                  "className": "m_2415a157 __m__-r13r",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
-                                  "style": {},
+                                  "style": {
+                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                  },
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
+                            ],
+                            "props": {
+                              "className": "m_7485cace",
+                              "data-size": undefined,
+                              "data-strategy": "block",
+                              "data-variant": undefined,
+                              "id": "root_nestedObject",
+                              "size": undefined,
+                              "style": {
+                                "padding": "0rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-object",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      "nestedArray",
+                                    ],
+                                    "props": {
+                                      "className": "m_8a5d1357",
+                                      "data-order": 4,
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "id": "root_nestedArray__title",
+                                      "size": undefined,
+                                      "style": {
+                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                        "fontWeight": "normal",
+                                      },
+                                    },
+                                    "type": "h4",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_90794832",
+                                  "style": {},
+                                },
+                                "type": "legend",
+                                Symbol(cleaned): true,
+                              },
                               {
                                 "children": null,
                                 "props": {
-                                  "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rld{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                  },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
+                                  "className": "row rjsf-array-item-list",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
                                 },
-                                "type": "style",
+                                "type": "div",
                                 Symbol(cleaned): true,
                               },
                               {
-                                "children": null,
+                                "children": [
+                                  {
+                                    "children": [
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M0 0h24v24H0z",
+                                                  "fill": "none",
+                                                  "stroke": "none",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M12 5l0 14",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M5 12l14 0",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                            ],
+                                            "props": {
+                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                              "fill": "none",
+                                              "height": "24",
+                                              "stroke": "currentColor",
+                                              "strokeLinecap": "round",
+                                              "strokeLinejoin": "round",
+                                              "strokeWidth": "2",
+                                              "style": {
+                                                "height": undefined,
+                                                "width": undefined,
+                                              },
+                                              "viewBox": "0 0 24 24",
+                                              "width": "24",
+                                              "xmlns": "http://www.w3.org/2000/svg",
+                                            },
+                                            "type": "svg",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "m_8d3afb97",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                        },
+                                        "type": "span",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                      "data-disabled": true,
+                                      "data-size": "md",
+                                      "data-variant": "subtle",
+                                      "disabled": true,
+                                      "id": "root_nestedArray__add",
+                                      "onClick": [Function],
+                                      "size": undefined,
+                                      "style": {
+                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                        "--ai-bg": "transparent",
+                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                        "--ai-size": "var(--ai-size-md)",
+                                      },
+                                      "title": "Add Item",
+                                      "type": "button",
+                                    },
+                                    "type": "button",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rld",
+                                  "className": "m_4081bf90",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
                                   "style": {
-                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                    "--group-align": "center",
+                                    "--group-gap": "var(--mantine-spacing-md)",
+                                    "--group-justify": "flex-end",
+                                    "--group-wrap": "wrap",
                                   },
                                 },
                                 "type": "div",
@@ -15159,22 +15135,19 @@ exports[`single fields optional data controls shows "add" optional controls when
                               },
                             ],
                             "props": {
-                              "className": "m_7485cace",
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
                               "data-size": undefined,
-                              "data-strategy": "block",
-                              "data-variant": undefined,
-                              "id": "root_nestedObjectOptional",
+                              "data-variant": "default",
+                              "id": "root_nestedArray",
                               "size": undefined,
-                              "style": {
-                                "padding": "0rem",
-                              },
+                              "style": {},
                             },
-                            "type": "div",
+                            "type": "fieldset",
                             Symbol(cleaned): true,
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-object",
+                          "className": "rjsf-field rjsf-field-array",
                           "style": undefined,
                         },
                         "type": "div",
@@ -15201,60 +15174,106 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "children": [
                                   {
                                     "children": [
-                                      "nestedArrayOptional",
+                                      {
+                                        "children": [
+                                          "optionalObjectWithOneofs",
+                                        ],
+                                        "props": {
+                                          "className": "m_8a5d1357",
+                                          "data-order": 3,
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "id": "root_optionalObjectWithOneofs__title",
+                                          "size": undefined,
+                                          "style": {
+                                            "--title-fw": "var(--mantine-h3-font-weight)",
+                                            "--title-fz": "var(--mantine-h3-font-size)",
+                                            "--title-lh": "var(--mantine-h3-line-height)",
+                                            "fontWeight": "normal",
+                                          },
+                                        },
+                                        "type": "h3",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-r14e{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                          },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
+                                        },
+                                        "type": "style",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              "No data for optional field",
+                                            ],
+                                            "props": {
+                                              "id": "root_optionalObjectWithOneofs__optionalMsg",
+                                            },
+                                            "type": "em",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "m_2415a157 __m__-r14e",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {
+                                            "marginBottom": "var(--mantine-spacing-sm)",
+                                          },
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
                                     ],
                                     "props": {
-                                      "className": "m_8a5d1357",
-                                      "data-order": 4,
+                                      "className": "m_7485cace",
                                       "data-size": undefined,
+                                      "data-strategy": "block",
                                       "data-variant": undefined,
-                                      "id": "root_nestedArrayOptional__title",
+                                      "id": "root_optionalObjectWithOneofs",
                                       "size": undefined,
                                       "style": {
-                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                        "fontWeight": "normal",
+                                        "padding": "0rem",
                                       },
                                     },
-                                    "type": "h4",
+                                    "type": "div",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_90794832",
-                                  "style": {},
-                                },
-                                "type": "legend",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
+                                  "className": "rjsf-field rjsf-field-object",
+                                  "style": undefined,
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
                             ],
                             "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                              "className": "m_6d731127",
                               "data-size": undefined,
-                              "data-variant": "default",
-                              "id": "root_nestedArrayOptional",
+                              "data-variant": undefined,
                               "size": undefined,
-                              "style": {},
+                              "style": {
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
+                              },
                             },
-                            "type": "fieldset",
+                            "type": "div",
                             Symbol(cleaned): true,
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-array",
+                          "className": "rjsf-field rjsf-field-undefined",
                           "style": undefined,
                         },
                         "type": "div",
@@ -15277,39 +15296,6 @@ exports[`single fields optional data controls shows "add" optional controls when
                         "children": [
                           {
                             "children": [
-                              {
-                                "children": [
-                                  "nestedObject",
-                                ],
-                                "props": {
-                                  "className": "m_8a5d1357",
-                                  "data-order": 3,
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "id": "root_nestedObject__title",
-                                  "size": undefined,
-                                  "style": {
-                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                    "fontWeight": "normal",
-                                  },
-                                },
-                                "type": "h3",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rlm{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                  },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
-                                },
-                                "type": "style",
-                                Symbol(cleaned): true,
-                              },
                               {
                                 "children": [
                                   {
@@ -15318,118 +15304,87 @@ exports[`single fields optional data controls shows "add" optional controls when
                                         "children": [
                                           {
                                             "children": [
-                                              {
-                                                "children": [
-                                                  "test",
-                                                ],
-                                                "props": {
-                                                  "className": "m_8fdc1311",
-                                                  "data-size": "sm",
-                                                  "data-variant": undefined,
-                                                  "htmlFor": "root_nestedObject_test",
-                                                  "id": "root_nestedObject_test-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-invalid": false,
-                                                      "autoFocus": false,
-                                                      "className": "m_8fb7ebe7",
-                                                      "data-size": undefined,
-                                                      "data-variant": "default",
-                                                      "disabled": false,
-                                                      "id": "root_nestedObject_test",
-                                                      "name": "root_nestedObject_test",
-                                                      "onBlur": [Function],
-                                                      "onChange": [Function],
-                                                      "onFocus": [Function],
-                                                      "placeholder": "",
-                                                      "required": false,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                      "type": "text",
-                                                    },
-                                                    "type": "input",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "m_6c018570",
-                                                  "data-size": "sm",
-                                                  "data-variant": "default",
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                    "--input-height": "var(--input-height-sm)",
-                                                  },
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
+                                              "optionalArrayWithAnyofs",
                                             ],
                                             "props": {
-                                              "className": "m_46b77525",
-                                              "data-size": "sm",
+                                              "className": "m_8a5d1357",
+                                              "data-order": 4,
+                                              "data-size": undefined,
                                               "data-variant": undefined,
+                                              "id": "root_optionalArrayWithAnyofs__title",
                                               "size": undefined,
-                                              "style": {},
+                                              "style": {
+                                                "--title-fw": "var(--mantine-h4-font-weight)",
+                                                "--title-fz": "var(--mantine-h4-font-size)",
+                                                "--title-lh": "var(--mantine-h4-line-height)",
+                                                "fontWeight": "normal",
+                                              },
                                             },
-                                            "type": "div",
+                                            "type": "h4",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "rjsf-field rjsf-field-string",
-                                          "style": undefined,
+                                          "className": "m_90794832",
+                                          "style": {},
+                                        },
+                                        "type": "legend",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              "No data for optional field",
+                                            ],
+                                            "props": {
+                                              "id": "root_optionalArrayWithAnyofs__optionalMsg",
+                                            },
+                                            "type": "em",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "row rjsf-array-item-list",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "",
+                                      "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
                                       "data-size": undefined,
-                                      "data-variant": undefined,
+                                      "data-variant": "default",
+                                      "id": "root_optionalArrayWithAnyofs",
                                       "size": undefined,
                                       "style": {},
                                     },
-                                    "type": "div",
+                                    "type": "fieldset",
                                     Symbol(cleaned): true,
                                   },
-                                ],
-                                "props": {
-                                  "className": "m_2415a157 __m__-rlm",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "marginBottom": "var(--mantine-spacing-sm)",
-                                  },
+                                ],
+                                "props": {
+                                  "className": "rjsf-field rjsf-field-array",
+                                  "style": undefined,
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
                             ],
                             "props": {
-                              "className": "m_7485cace",
+                              "className": "m_6d731127",
                               "data-size": undefined,
-                              "data-strategy": "block",
                               "data-variant": undefined,
-                              "id": "root_nestedObject",
                               "size": undefined,
                               "style": {
-                                "padding": "0rem",
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
                               },
                             },
                             "type": "div",
@@ -15437,7 +15392,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-object",
+                          "className": "rjsf-field rjsf-field-undefined",
                           "style": undefined,
                         },
                         "type": "div",
@@ -15454,242 +15409,247 @@ exports[`single fields optional data controls shows "add" optional controls when
                     "type": "div",
                     Symbol(cleaned): true,
                   },
+                ],
+                "props": {
+                  "className": "m_2415a157 __m__-r11m",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "size": undefined,
+                  "style": {
+                    "marginBottom": "var(--mantine-spacing-sm)",
+                  },
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_7485cace",
+              "data-size": undefined,
+              "data-strategy": "block",
+              "data-variant": undefined,
+              "id": "root",
+              "size": undefined,
+              "style": {
+                "padding": "0rem",
+              },
+            },
+            "type": "div",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "rjsf-field rjsf-field-object",
+          "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 optional data controls shows "add" optional controls when turned on in uiSchema and no formData 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_8a5d1357",
+                  "data-order": 3,
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "id": "root__title",
+                  "size": undefined,
+                  "style": {
+                    "--title-fw": "var(--mantine-h3-font-weight)",
+                    "--title-fz": "var(--mantine-h3-font-size)",
+                    "--title-lh": "var(--mantine-h3-line-height)",
+                    "fontWeight": "normal",
+                  },
+                },
+                "type": "h3",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": null,
+                "props": {
+                  "dangerouslySetInnerHTML": {
+                    "__html": ".__m__-rlu{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                  },
+                  "data-mantine-styles": "inline",
+                  "nonce": undefined,
+                },
+                "type": "style",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": [
                   {
                     "children": [
                       {
                         "children": [
                           {
                             "children": [
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "nestedArray",
-                                    ],
-                                    "props": {
-                                      "className": "m_8a5d1357",
-                                      "data-order": 4,
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "id": "root_nestedArray__title",
-                                      "size": undefined,
-                                      "style": {
-                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                        "fontWeight": "normal",
-                                      },
-                                    },
-                                    "type": "h4",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_90794832",
-                                  "style": {},
-                                },
-                                "type": "legend",
-                                Symbol(cleaned): true,
-                              },
                               {
                                 "children": null,
                                 "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
+                                  "dangerouslySetInnerHTML": {
+                                    "__html": ".__m__-rm2{--grid-gutter:var(--mantine-spacing-md);}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
                                 },
-                                "type": "div",
+                                "type": "style",
                                 Symbol(cleaned): true,
                               },
                               {
                                 "children": [
                                   {
                                     "children": [
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-rm4{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
+                                          },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
+                                        },
+                                        "type": "style",
+                                        Symbol(cleaned): true,
+                                      },
                                       {
                                         "children": [
-                                          {
-                                            "children": [
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M0 0h24v24H0z",
-                                                  "fill": "none",
-                                                  "stroke": "none",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M12 5l0 14",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M5 12l14 0",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
+                                          {
+                                            "children": [
+                                              "nestedObjectOptional",
                                             ],
                                             "props": {
-                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                              "fill": "none",
-                                              "height": "24",
-                                              "stroke": "currentColor",
-                                              "strokeLinecap": "round",
-                                              "strokeLinejoin": "round",
-                                              "strokeWidth": "2",
+                                              "className": "m_8a5d1357",
+                                              "data-order": 3,
+                                              "data-size": undefined,
+                                              "data-variant": undefined,
+                                              "id": "root_nestedObjectOptional__title",
+                                              "size": undefined,
                                               "style": {
-                                                "height": undefined,
-                                                "width": undefined,
+                                                "--title-fw": "var(--mantine-h3-font-weight)",
+                                                "--title-fz": "var(--mantine-h3-font-size)",
+                                                "--title-lh": "var(--mantine-h3-line-height)",
+                                                "fontWeight": "normal",
                                               },
-                                              "viewBox": "0 0 24 24",
-                                              "width": "24",
-                                              "xmlns": "http://www.w3.org/2000/svg",
                                             },
-                                            "type": "svg",
+                                            "type": "h3",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_8d3afb97",
+                                          "className": "m_96bdd299 __m__-rm4",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
                                           "style": {},
                                         },
-                                        "type": "span",
+                                        "type": "div",
                                         Symbol(cleaned): true,
                                       },
-                                    ],
-                                    "props": {
-                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                      "data-size": "md",
-                                      "data-variant": "subtle",
-                                      "id": "root_nestedArray__add",
-                                      "onClick": [Function],
-                                      "size": undefined,
-                                      "style": {
-                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                        "--ai-bg": "transparent",
-                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                        "--ai-size": "var(--ai-size-md)",
-                                      },
-                                      "title": "Add Item",
-                                      "type": "button",
-                                    },
-                                    "type": "button",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_4081bf90",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "--group-align": "center",
-                                    "--group-gap": "var(--mantine-spacing-md)",
-                                    "--group-justify": "flex-end",
-                                    "--group-wrap": "wrap",
-                                  },
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
-                            ],
-                            "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
-                              "data-size": undefined,
-                              "data-variant": "default",
-                              "id": "root_nestedArray",
-                              "size": undefined,
-                              "style": {},
-                            },
-                            "type": "fieldset",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-array",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "optionalObjectWithOneofs",
-                                    ],
-                                    "props": {
-                                      "className": "m_8fdc1311",
-                                      "data-size": "sm",
-                                      "data-variant": undefined,
-                                      "htmlFor": "root_optionalObjectWithOneofs__oneof_select",
-                                      "id": "root_optionalObjectWithOneofs__oneof_select-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",
-                                          "className": "m_8fb7ebe7",
-                                          "data-size": undefined,
-                                          "data-variant": "default",
-                                          "disabled": false,
-                                          "enableOptionalDataFieldForType": [],
-                                          "id": "root_optionalObjectWithOneofs__oneof_select",
-                                          "onBlur": [Function],
-                                          "onChange": [Function],
-                                          "onClick": [Function],
-                                          "onFocus": [Function],
-                                          "onKeyDown": [Function],
-                                          "readOnly": false,
-                                          "required": undefined,
-                                          "size": undefined,
-                                          "style": {},
-                                          "value": "Option 1",
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-rm7{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                          },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
                                         },
-                                        "type": "input",
+                                        "type": "style",
                                         Symbol(cleaned): true,
                                       },
                                       {
@@ -15697,60 +15657,110 @@ exports[`single fields optional data controls shows "add" optional controls when
                                           {
                                             "children": [
                                               {
-                                                "children": null,
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M0 0h24v24H0z",
+                                                          "fill": "none",
+                                                          "stroke": "none",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M12 5l0 14",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                      {
+                                                        "children": null,
+                                                        "props": {
+                                                          "d": "M5 12l14 0",
+                                                        },
+                                                        "type": "path",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                      "fill": "none",
+                                                      "height": "24",
+                                                      "stroke": "currentColor",
+                                                      "strokeLinecap": "round",
+                                                      "strokeLinejoin": "round",
+                                                      "strokeWidth": "2",
+                                                      "style": {
+                                                        "height": undefined,
+                                                        "width": undefined,
+                                                      },
+                                                      "viewBox": "0 0 24 24",
+                                                      "width": "24",
+                                                      "xmlns": "http://www.w3.org/2000/svg",
+                                                    },
+                                                    "type": "svg",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
                                                 "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",
+                                                  "className": "m_8d3afb97",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
                                                 },
-                                                "type": "path",
+                                                "type": "span",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "m_2943220b",
-                                              "data-combobox-chevron": true,
-                                              "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "fill": "none",
+                                              "className": "rjsf-add-optional-data m_8d3f4000 m_87cf2631",
+                                              "data-size": "sm",
+                                              "data-variant": "subtle",
+                                              "id": "root_nestedObjectOptional__optionalAdd",
+                                              "onClick": [Function],
                                               "size": undefined,
-                                              "style": {},
-                                              "viewBox": "0 0 15 15",
-                                              "xmlns": "http://www.w3.org/2000/svg",
+                                              "style": {
+                                                "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                "--ai-bg": "transparent",
+                                                "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                "--ai-size": "var(--ai-size-sm)",
+                                              },
+                                              "title": "Add data for optional field",
+                                              "type": "button",
                                             },
-                                            "type": "svg",
+                                            "type": "button",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_82577fc2",
-                                          "data-position": "right",
+                                          "className": "m_96bdd299 __m__-rm7",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
                                           "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",
+                                        Symbol(cleaned): true,
                                       },
+                                    ],
+                                    "props": {
+                                      "className": "m_dee7bd2f",
+                                      "style": {},
                                     },
                                     "type": "div",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_46b77525",
-                                  "data-size": "sm",
+                                  "className": "m_410352e9 __m__-rm2",
+                                  "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
                                   "style": {},
@@ -15758,220 +15768,247 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
+                              {
+                                "children": null,
+                                "props": {
+                                  "dangerouslySetInnerHTML": {
+                                    "__html": ".__m__-rmb{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
+                                },
+                                "type": "style",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "className": "m_2415a157 __m__-rmb",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {
+                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_7485cace",
+                              "data-size": undefined,
+                              "data-strategy": "block",
+                              "data-variant": undefined,
+                              "id": "root_nestedObjectOptional",
+                              "size": undefined,
+                              "style": {
+                                "padding": "0rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-object",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
                               {
                                 "children": [
                                   {
                                     "children": [
-                                      {
-                                        "children": [
-                                          {
-                                            "children": [
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "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_8ee53fc2",
-                                                                  "fill": "none",
-                                                                  "style": undefined,
-                                                                  "viewBox": "0 0 10 7",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                },
-                                                                "type": "svg",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": [
-                                                                  "Option 1",
-                                                                ],
-                                                                "props": {},
-                                                                "type": "span",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
-                                                            "props": {
-                                                              "aria-selected": true,
-                                                              "className": "m_92253aa5 m_390b5f4",
-                                                              "data-checked": true,
-                                                              "data-combobox-active": true,
-                                                              "data-combobox-option": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": undefined,
-                                                              "id": ":rmn:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "0",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "Option 2",
-                                                                ],
-                                                                "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": ":rmp:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "1",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "Option 3",
-                                                                ],
-                                                                "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": ":rmr:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "2",
-                                                            },
-                                                            "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,
+                                      "nestedArrayOptional",
+                                    ],
+                                    "props": {
+                                      "className": "m_8a5d1357",
+                                      "data-order": 4,
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "id": "root_nestedArrayOptional__title",
+                                      "size": undefined,
+                                      "style": {
+                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                        "fontWeight": "normal",
+                                      },
+                                    },
+                                    "type": "h4",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_90794832",
+                                  "style": {},
+                                },
+                                "type": "legend",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "className": "row rjsf-array-item-list",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                              "data-size": undefined,
+                              "data-variant": "default",
+                              "id": "root_nestedArrayOptional",
+                              "size": undefined,
+                              "style": {},
+                            },
+                            "type": "fieldset",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-array",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  "nestedObject",
+                                ],
+                                "props": {
+                                  "className": "m_8a5d1357",
+                                  "data-order": 3,
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "id": "root_nestedObject__title",
+                                  "size": undefined,
+                                  "style": {
+                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                    "fontWeight": "normal",
+                                  },
+                                },
+                                "type": "h3",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "dangerouslySetInnerHTML": {
+                                    "__html": ".__m__-rmk{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
+                                },
+                                "type": "style",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              {
+                                                "children": [
+                                                  "test",
+                                                ],
+                                                "props": {
+                                                  "className": "m_8fdc1311",
+                                                  "data-size": "sm",
+                                                  "data-variant": undefined,
+                                                  "htmlFor": "root_nestedObject_test",
+                                                  "id": "root_nestedObject_test-label",
+                                                  "onMouseDown": [Function],
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--input-label-size": "var(--mantine-font-size-sm)",
                                                   },
+                                                },
+                                                "type": "label",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": [
                                                   {
                                                     "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",
-                                                      },
+                                                      "aria-describedby": undefined,
+                                                      "aria-invalid": false,
+                                                      "autoFocus": false,
+                                                      "className": "m_8fb7ebe7",
+                                                      "data-size": undefined,
+                                                      "data-variant": "default",
+                                                      "disabled": false,
+                                                      "id": "root_nestedObject_test",
+                                                      "name": "root_nestedObject_test",
+                                                      "onBlur": [Function],
+                                                      "onChange": [Function],
+                                                      "onFocus": [Function],
+                                                      "placeholder": "",
+                                                      "required": false,
+                                                      "size": undefined,
+                                                      "style": {},
+                                                      "type": "text",
                                                     },
-                                                    "type": "div",
+                                                    "type": "input",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_d57069b5",
-                                                  "data-autosize": "true",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
+                                                  "className": "m_6c018570",
+                                                  "data-size": "sm",
+                                                  "data-variant": "default",
                                                   "size": undefined,
                                                   "style": {
-                                                    "--sa-corner-height": "0px",
-                                                    "--sa-corner-width": "0px",
-                                                    "--scrollarea-scrollbar-size": "var(--combobox-padding)",
+                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                    "--input-height": "var(--input-height-sm)",
                                                   },
                                                 },
                                                 "type": "div",
@@ -15979,279 +16016,247 @@ exports[`single fields optional data controls shows "add" optional controls when
                                               },
                                             ],
                                             "props": {
-                                              "className": "",
-                                              "data-size": undefined,
+                                              "className": "m_46b77525",
+                                              "data-size": "sm",
                                               "data-variant": undefined,
                                               "size": undefined,
-                                              "style": {
-                                                "display": "flex",
-                                                "flex": 1,
-                                                "flexDirection": "column",
-                                                "minHeight": 0,
-                                                "minWidth": 0,
-                                                "overflow": "hidden",
-                                              },
+                                              "style": {},
                                             },
                                             "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",
-                                          },
+                                          "className": "rjsf-field rjsf-field-string",
+                                          "style": undefined,
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "aria-labelledby": "root_optionalObjectWithOneofs__oneof_select-label",
-                                      "className": "m_b2821a6e",
+                                      "className": "",
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_2415a157 __m__-rmk",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {
+                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_7485cace",
+                              "data-size": undefined,
+                              "data-strategy": "block",
+                              "data-variant": undefined,
+                              "id": "root_nestedObject",
+                              "size": undefined,
+                              "style": {
+                                "padding": "0rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-object",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      "nestedArray",
+                                    ],
+                                    "props": {
+                                      "className": "m_8a5d1357",
+                                      "data-order": 4,
                                       "data-size": undefined,
                                       "data-variant": undefined,
-                                      "id": "",
-                                      "onMouseDown": [Function],
-                                      "role": "listbox",
+                                      "id": "root_nestedArray__title",
                                       "size": undefined,
                                       "style": {
-                                        "--combobox-option-fz": "var(--mantine-font-size-sm)",
-                                        "--combobox-option-padding": "var(--combobox-option-padding-sm)",
+                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                        "fontWeight": "normal",
                                       },
                                     },
-                                    "type": "div",
+                                    "type": "h4",
                                     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,
-                                  },
+                                  "className": "m_90794832",
+                                  "style": {},
                                 },
-                                "type": "div",
+                                "type": "legend",
                                 Symbol(cleaned): true,
                               },
                               {
                                 "children": null,
                                 "props": {
-                                  "disabled": false,
-                                  "form": undefined,
-                                  "name": "root_optionalObjectWithOneofs__oneof_select",
-                                  "type": "hidden",
-                                  "value": "0",
+                                  "className": "row rjsf-array-item-list",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
                                 },
-                                "type": "input",
+                                "type": "div",
                                 Symbol(cleaned): true,
                               },
                               {
                                 "children": [
                                   {
                                     "children": [
-                                      {
-                                        "children": [
-                                          "optionalObjectWithOneofs",
-                                        ],
-                                        "props": {
-                                          "className": "m_8a5d1357",
-                                          "data-order": 3,
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "id": "root_optionalObjectWithOneofs__title",
-                                          "size": undefined,
-                                          "style": {
-                                            "--title-fw": "var(--mantine-h3-font-weight)",
-                                            "--title-fz": "var(--mantine-h3-font-size)",
-                                            "--title-lh": "var(--mantine-h3-line-height)",
-                                            "fontWeight": "normal",
-                                          },
-                                        },
-                                        "type": "h3",
-                                        Symbol(cleaned): true,
-                                      },
-                                      {
-                                        "children": null,
-                                        "props": {
-                                          "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-rmv{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                          },
-                                          "data-mantine-styles": "inline",
-                                          "nonce": undefined,
-                                        },
-                                        "type": "style",
-                                        Symbol(cleaned): true,
-                                      },
                                       {
                                         "children": [
                                           {
                                             "children": [
                                               {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          "name",
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8fdc1311",
-                                                          "data-size": "sm",
-                                                          "data-variant": undefined,
-                                                          "htmlFor": "root_optionalObjectWithOneofs_name",
-                                                          "id": "root_optionalObjectWithOneofs_name-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-invalid": false,
-                                                              "autoFocus": false,
-                                                              "className": "m_8fb7ebe7",
-                                                              "data-disabled": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": "default",
-                                                              "disabled": true,
-                                                              "id": "root_optionalObjectWithOneofs_name",
-                                                              "name": "root_optionalObjectWithOneofs_name",
-                                                              "placeholder": "",
-                                                              "required": false,
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "type": "text",
-                                                            },
-                                                            "type": "input",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_6c018570",
-                                                          "data-disabled": true,
-                                                          "data-size": "sm",
-                                                          "data-variant": "default",
-                                                          "size": undefined,
-                                                          "style": {
-                                                            "--input-fz": "var(--mantine-font-size-sm)",
-                                                            "--input-height": "var(--input-height-sm)",
-                                                          },
-                                                        },
-                                                        "type": "div",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_46b77525",
-                                                      "data-size": "sm",
-                                                      "data-variant": undefined,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                    },
-                                                    "type": "div",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
+                                                "children": null,
                                                 "props": {
-                                                  "className": "rjsf-field rjsf-field-string",
-                                                  "style": undefined,
+                                                  "d": "M0 0h24v24H0z",
+                                                  "fill": "none",
+                                                  "stroke": "none",
                                                 },
-                                                "type": "div",
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M12 5l0 14",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M5 12l14 0",
+                                                },
+                                                "type": "path",
                                                 Symbol(cleaned): true,
                                               },
                                             ],
                                             "props": {
-                                              "className": "",
-                                              "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "size": undefined,
-                                              "style": {},
+                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                              "fill": "none",
+                                              "height": "24",
+                                              "stroke": "currentColor",
+                                              "strokeLinecap": "round",
+                                              "strokeLinejoin": "round",
+                                              "strokeWidth": "2",
+                                              "style": {
+                                                "height": undefined,
+                                                "width": undefined,
+                                              },
+                                              "viewBox": "0 0 24 24",
+                                              "width": "24",
+                                              "xmlns": "http://www.w3.org/2000/svg",
                                             },
-                                            "type": "div",
+                                            "type": "svg",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_2415a157 __m__-rmv",
+                                          "className": "m_8d3afb97",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
-                                          "style": {
-                                            "marginBottom": "var(--mantine-spacing-sm)",
-                                          },
+                                          "style": {},
                                         },
-                                        "type": "div",
+                                        "type": "span",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "className": "m_7485cace",
-                                      "data-size": undefined,
-                                      "data-strategy": "block",
-                                      "data-variant": undefined,
-                                      "id": "root_optionalObjectWithOneofs",
+                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                      "data-size": "md",
+                                      "data-variant": "subtle",
+                                      "id": "root_nestedArray__add",
+                                      "onClick": [Function],
                                       "size": undefined,
                                       "style": {
-                                        "padding": "0rem",
+                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                        "--ai-bg": "transparent",
+                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                        "--ai-size": "var(--ai-size-md)",
                                       },
+                                      "title": "Add Item",
+                                      "type": "button",
                                     },
-                                    "type": "div",
+                                    "type": "button",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "rjsf-field rjsf-field-object",
-                                  "style": undefined,
+                                  "className": "m_4081bf90",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {
+                                    "--group-align": "center",
+                                    "--group-gap": "var(--mantine-spacing-md)",
+                                    "--group-justify": "flex-end",
+                                    "--group-wrap": "wrap",
+                                  },
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
                             ],
                             "props": {
-                              "className": "m_6d731127",
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
                               "data-size": undefined,
-                              "data-variant": undefined,
-                              "size": undefined,
-                              "style": {
-                                "--stack-align": "stretch",
-                                "--stack-gap": "var(--mantine-spacing-md)",
-                                "--stack-justify": "flex-start",
-                                "marginBottom": "1rem",
-                              },
+                              "data-variant": "default",
+                              "id": "root_nestedArray",
+                              "size": undefined,
+                              "style": {},
                             },
-                            "type": "div",
+                            "type": "fieldset",
                             Symbol(cleaned): true,
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-undefined",
+                          "className": "rjsf-field rjsf-field-array",
                           "style": undefined,
                         },
                         "type": "div",
@@ -16268,243 +16273,266 @@ exports[`single fields optional data controls shows "add" optional controls when
                     "type": "div",
                     Symbol(cleaned): true,
                   },
-                ],
-                "props": {
-                  "className": "m_2415a157 __m__-rl0",
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "size": undefined,
-                  "style": {
-                    "marginBottom": "var(--mantine-spacing-sm)",
-                  },
-                },
-                "type": "div",
-                Symbol(cleaned): true,
-              },
-            ],
-            "props": {
-              "className": "m_7485cace",
-              "data-size": undefined,
-              "data-strategy": "block",
-              "data-variant": undefined,
-              "id": "root",
-              "size": undefined,
-              "style": {
-                "padding": "0rem",
-              },
-            },
-            "type": "div",
-            Symbol(cleaned): true,
-          },
-        ],
-        "props": {
-          "className": "rjsf-field rjsf-field-object",
-          "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 optional data controls shows "add" optional controls when turned on in uiSchema, disabled and no formData 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_8a5d1357",
-                  "data-order": 3,
-                  "data-size": undefined,
-                  "data-variant": undefined,
-                  "id": "root__title",
-                  "size": undefined,
-                  "style": {
-                    "--title-fw": "var(--mantine-h3-font-weight)",
-                    "--title-fz": "var(--mantine-h3-font-size)",
-                    "--title-lh": "var(--mantine-h3-line-height)",
-                    "fontWeight": "normal",
-                  },
-                },
-                "type": "h3",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": null,
-                "props": {
-                  "dangerouslySetInnerHTML": {
-                    "__html": ".__m__-rvc{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                  },
-                  "data-mantine-styles": "inline",
-                  "nonce": undefined,
-                },
-                "type": "style",
-                Symbol(cleaned): true,
-              },
-              {
-                "children": [
                   {
                     "children": [
                       {
                         "children": [
                           {
                             "children": [
-                              {
-                                "children": [
-                                  "nestedObjectOptional",
-                                ],
-                                "props": {
-                                  "className": "m_8a5d1357",
-                                  "data-order": 3,
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "id": "root_nestedObjectOptional__title",
-                                  "size": undefined,
-                                  "style": {
-                                    "--title-fw": "var(--mantine-h3-font-weight)",
-                                    "--title-fz": "var(--mantine-h3-font-size)",
-                                    "--title-lh": "var(--mantine-h3-line-height)",
-                                    "fontWeight": "normal",
-                                  },
-                                },
-                                "type": "h3",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": null,
-                                "props": {
-                                  "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rvh{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
-                                  },
-                                  "data-mantine-styles": "inline",
-                                  "nonce": undefined,
-                                },
-                                "type": "style",
-                                Symbol(cleaned): true,
-                              },
                               {
                                 "children": [
                                   {
                                     "children": [
-                                      "No data for optional field",
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-rn6{--grid-gutter:var(--mantine-spacing-md);}",
+                                          },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
+                                        },
+                                        "type": "style",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-rn8{--col-flex-grow:1;--col-flex-basis:0rem;--col-max-width:100%;}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
+                                                },
+                                                "type": "style",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      "optionalObjectWithOneofs",
+                                                    ],
+                                                    "props": {
+                                                      "className": "m_8a5d1357",
+                                                      "data-order": 3,
+                                                      "data-size": undefined,
+                                                      "data-variant": undefined,
+                                                      "id": "root_optionalObjectWithOneofs__title",
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--title-fw": "var(--mantine-h3-font-weight)",
+                                                        "--title-fz": "var(--mantine-h3-font-size)",
+                                                        "--title-lh": "var(--mantine-h3-line-height)",
+                                                        "fontWeight": "normal",
+                                                      },
+                                                    },
+                                                    "type": "h3",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "m_96bdd299 __m__-rn8",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
+                                                },
+                                                "type": "div",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "dangerouslySetInnerHTML": {
+                                                    "__html": ".__m__-rnb{--col-flex-grow:auto;--col-flex-basis:auto;--col-width:auto;--col-max-width:unset;}",
+                                                  },
+                                                  "data-mantine-styles": "inline",
+                                                  "nonce": undefined,
+                                                },
+                                                "type": "style",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": [
+                                                      {
+                                                        "children": [
+                                                          {
+                                                            "children": [
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M0 0h24v24H0z",
+                                                                  "fill": "none",
+                                                                  "stroke": "none",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M12 5l0 14",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                              {
+                                                                "children": null,
+                                                                "props": {
+                                                                  "d": "M5 12l14 0",
+                                                                },
+                                                                "type": "path",
+                                                                Symbol(cleaned): true,
+                                                              },
+                                                            ],
+                                                            "props": {
+                                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                                              "fill": "none",
+                                                              "height": "24",
+                                                              "stroke": "currentColor",
+                                                              "strokeLinecap": "round",
+                                                              "strokeLinejoin": "round",
+                                                              "strokeWidth": "2",
+                                                              "style": {
+                                                                "height": undefined,
+                                                                "width": undefined,
+                                                              },
+                                                              "viewBox": "0 0 24 24",
+                                                              "width": "24",
+                                                              "xmlns": "http://www.w3.org/2000/svg",
+                                                            },
+                                                            "type": "svg",
+                                                            Symbol(cleaned): true,
+                                                          },
+                                                        ],
+                                                        "props": {
+                                                          "className": "m_8d3afb97",
+                                                          "data-size": undefined,
+                                                          "data-variant": undefined,
+                                                          "size": undefined,
+                                                          "style": {},
+                                                        },
+                                                        "type": "span",
+                                                        Symbol(cleaned): true,
+                                                      },
+                                                    ],
+                                                    "props": {
+                                                      "className": "rjsf-add-optional-data m_8d3f4000 m_87cf2631",
+                                                      "data-size": "sm",
+                                                      "data-variant": "subtle",
+                                                      "id": "root_optionalObjectWithOneofs__optionalAdd",
+                                                      "onClick": [Function],
+                                                      "size": undefined,
+                                                      "style": {
+                                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                                        "--ai-bg": "transparent",
+                                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                                        "--ai-size": "var(--ai-size-sm)",
+                                                      },
+                                                      "title": "Add data for optional field",
+                                                      "type": "button",
+                                                    },
+                                                    "type": "button",
+                                                    Symbol(cleaned): true,
+                                                  },
+                                                ],
+                                                "props": {
+                                                  "className": "m_96bdd299 __m__-rnb",
+                                                  "data-size": undefined,
+                                                  "data-variant": undefined,
+                                                  "size": undefined,
+                                                  "style": {},
+                                                },
+                                                "type": "div",
+                                                Symbol(cleaned): true,
+                                              },
+                                            ],
+                                            "props": {
+                                              "className": "m_dee7bd2f",
+                                              "style": {},
+                                            },
+                                            "type": "div",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "m_410352e9 __m__-rn6",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "dangerouslySetInnerHTML": {
+                                            "__html": ".__m__-rnf{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                          },
+                                          "data-mantine-styles": "inline",
+                                          "nonce": undefined,
+                                        },
+                                        "type": "style",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "className": "m_2415a157 __m__-rnf",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {
+                                            "marginBottom": "var(--mantine-spacing-sm)",
+                                          },
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
                                     ],
                                     "props": {
-                                      "id": "root_nestedObjectOptional__optionalMsg",
+                                      "className": "m_7485cace",
+                                      "data-size": undefined,
+                                      "data-strategy": "block",
+                                      "data-variant": undefined,
+                                      "id": "root_optionalObjectWithOneofs",
+                                      "size": undefined,
+                                      "style": {
+                                        "padding": "0rem",
+                                      },
                                     },
-                                    "type": "em",
+                                    "type": "div",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rvh",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {
-                                    "marginBottom": "var(--mantine-spacing-sm)",
-                                  },
+                                  "className": "rjsf-field rjsf-field-object",
+                                  "style": undefined,
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
                             ],
                             "props": {
-                              "className": "m_7485cace",
+                              "className": "m_6d731127",
                               "data-size": undefined,
-                              "data-strategy": "block",
                               "data-variant": undefined,
-                              "id": "root_nestedObjectOptional",
                               "size": undefined,
                               "style": {
-                                "padding": "0rem",
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
                               },
                             },
                             "type": "div",
@@ -16512,7 +16540,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-object",
+                          "className": "rjsf-field rjsf-field-undefined",
                           "style": undefined,
                         },
                         "type": "div",
@@ -16539,71 +16567,88 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "children": [
                                   {
                                     "children": [
-                                      "nestedArrayOptional",
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              "optionalArrayWithAnyofs",
+                                            ],
+                                            "props": {
+                                              "className": "m_8a5d1357",
+                                              "data-order": 4,
+                                              "data-size": undefined,
+                                              "data-variant": undefined,
+                                              "id": "root_optionalArrayWithAnyofs__title",
+                                              "size": undefined,
+                                              "style": {
+                                                "--title-fw": "var(--mantine-h4-font-weight)",
+                                                "--title-fz": "var(--mantine-h4-font-size)",
+                                                "--title-lh": "var(--mantine-h4-line-height)",
+                                                "fontWeight": "normal",
+                                              },
+                                            },
+                                            "type": "h4",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "m_90794832",
+                                          "style": {},
+                                        },
+                                        "type": "legend",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": null,
+                                        "props": {
+                                          "className": "row rjsf-array-item-list",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
                                     ],
                                     "props": {
-                                      "className": "m_8a5d1357",
-                                      "data-order": 4,
+                                      "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
                                       "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "id": "root_nestedArrayOptional__title",
+                                      "data-variant": "default",
+                                      "id": "root_optionalArrayWithAnyofs",
                                       "size": undefined,
-                                      "style": {
-                                        "--title-fw": "var(--mantine-h4-font-weight)",
-                                        "--title-fz": "var(--mantine-h4-font-size)",
-                                        "--title-lh": "var(--mantine-h4-line-height)",
-                                        "fontWeight": "normal",
-                                      },
-                                    },
-                                    "type": "h4",
-                                    Symbol(cleaned): true,
-                                  },
-                                ],
-                                "props": {
-                                  "className": "m_90794832",
-                                  "style": {},
-                                },
-                                "type": "legend",
-                                Symbol(cleaned): true,
-                              },
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "No data for optional field",
-                                    ],
-                                    "props": {
-                                      "id": "root_nestedArrayOptional__optionalMsg",
+                                      "style": {},
                                     },
-                                    "type": "em",
+                                    "type": "fieldset",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
+                                  "className": "rjsf-field rjsf-field-array",
+                                  "style": undefined,
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
                             ],
                             "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                              "className": "m_6d731127",
                               "data-size": undefined,
-                              "data-variant": "default",
-                              "id": "root_nestedArrayOptional",
+                              "data-variant": undefined,
                               "size": undefined,
-                              "style": {},
+                              "style": {
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
+                              },
                             },
-                            "type": "fieldset",
+                            "type": "div",
                             Symbol(cleaned): true,
                           },
                         ],
                         "props": {
-                          "className": "rjsf-field rjsf-field-array",
+                          "className": "rjsf-field rjsf-field-undefined",
                           "style": undefined,
                         },
                         "type": "div",
@@ -16620,6 +16665,169 @@ exports[`single fields optional data controls shows "add" optional controls when
                     "type": "div",
                     Symbol(cleaned): true,
                   },
+                ],
+                "props": {
+                  "className": "m_2415a157 __m__-rlu",
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "size": undefined,
+                  "style": {
+                    "marginBottom": "var(--mantine-spacing-sm)",
+                  },
+                },
+                "type": "div",
+                Symbol(cleaned): true,
+              },
+            ],
+            "props": {
+              "className": "m_7485cace",
+              "data-size": undefined,
+              "data-strategy": "block",
+              "data-variant": undefined,
+              "id": "root",
+              "size": undefined,
+              "style": {
+                "padding": "0rem",
+              },
+            },
+            "type": "div",
+            Symbol(cleaned): true,
+          },
+        ],
+        "props": {
+          "className": "rjsf-field rjsf-field-object",
+          "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 optional data controls shows "add" optional controls when turned on in uiSchema, disabled and no formData 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_8a5d1357",
+                  "data-order": 3,
+                  "data-size": undefined,
+                  "data-variant": undefined,
+                  "id": "root__title",
+                  "size": undefined,
+                  "style": {
+                    "--title-fw": "var(--mantine-h3-font-weight)",
+                    "--title-fz": "var(--mantine-h3-font-size)",
+                    "--title-lh": "var(--mantine-h3-line-height)",
+                    "fontWeight": "normal",
+                  },
+                },
+                "type": "h3",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": null,
+                "props": {
+                  "dangerouslySetInnerHTML": {
+                    "__html": ".__m__-r10a{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                  },
+                  "data-mantine-styles": "inline",
+                  "nonce": undefined,
+                },
+                "type": "style",
+                Symbol(cleaned): true,
+              },
+              {
+                "children": [
                   {
                     "children": [
                       {
@@ -16628,14 +16836,14 @@ exports[`single fields optional data controls shows "add" optional controls when
                             "children": [
                               {
                                 "children": [
-                                  "nestedObject",
+                                  "nestedObjectOptional",
                                 ],
                                 "props": {
                                   "className": "m_8a5d1357",
                                   "data-order": 3,
                                   "data-size": undefined,
                                   "data-variant": undefined,
-                                  "id": "root_nestedObject__title",
+                                  "id": "root_nestedObjectOptional__title",
                                   "size": undefined,
                                   "style": {
                                     "--title-fw": "var(--mantine-h3-font-weight)",
@@ -16651,7 +16859,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "children": null,
                                 "props": {
                                   "dangerouslySetInnerHTML": {
-                                    "__html": ".__m__-rvq{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                    "__html": ".__m__-r10f{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                   },
                                   "data-mantine-styles": "inline",
                                   "nonce": undefined,
@@ -16662,105 +16870,18 @@ exports[`single fields optional data controls shows "add" optional controls when
                               {
                                 "children": [
                                   {
-                                    "children": [
-                                      {
-                                        "children": [
-                                          {
-                                            "children": [
-                                              {
-                                                "children": [
-                                                  "test",
-                                                ],
-                                                "props": {
-                                                  "className": "m_8fdc1311",
-                                                  "data-size": "sm",
-                                                  "data-variant": undefined,
-                                                  "htmlFor": "root_nestedObject_test",
-                                                  "id": "root_nestedObject_test-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-invalid": false,
-                                                      "autoFocus": false,
-                                                      "className": "m_8fb7ebe7",
-                                                      "data-disabled": true,
-                                                      "data-size": undefined,
-                                                      "data-variant": "default",
-                                                      "disabled": true,
-                                                      "id": "root_nestedObject_test",
-                                                      "name": "root_nestedObject_test",
-                                                      "onBlur": [Function],
-                                                      "onChange": [Function],
-                                                      "onFocus": [Function],
-                                                      "placeholder": "",
-                                                      "required": false,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                      "type": "text",
-                                                    },
-                                                    "type": "input",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "m_6c018570",
-                                                  "data-disabled": true,
-                                                  "data-size": "sm",
-                                                  "data-variant": "default",
-                                                  "size": undefined,
-                                                  "style": {
-                                                    "--input-fz": "var(--mantine-font-size-sm)",
-                                                    "--input-height": "var(--input-height-sm)",
-                                                  },
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
-                                            ],
-                                            "props": {
-                                              "className": "m_46b77525",
-                                              "data-size": "sm",
-                                              "data-variant": undefined,
-                                              "size": undefined,
-                                              "style": {},
-                                            },
-                                            "type": "div",
-                                            Symbol(cleaned): true,
-                                          },
-                                        ],
-                                        "props": {
-                                          "className": "rjsf-field rjsf-field-string",
-                                          "style": undefined,
-                                        },
-                                        "type": "div",
-                                        Symbol(cleaned): true,
-                                      },
+                                    "children": [
+                                      "No data for optional field",
                                     ],
                                     "props": {
-                                      "className": "",
-                                      "data-size": undefined,
-                                      "data-variant": undefined,
-                                      "size": undefined,
-                                      "style": {},
+                                      "id": "root_nestedObjectOptional__optionalMsg",
                                     },
-                                    "type": "div",
+                                    "type": "em",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_2415a157 __m__-rvq",
+                                  "className": "m_2415a157 __m__-r10f",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
@@ -16777,7 +16898,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                               "data-size": undefined,
                               "data-strategy": "block",
                               "data-variant": undefined,
-                              "id": "root_nestedObject",
+                              "id": "root_nestedObjectOptional",
                               "size": undefined,
                               "style": {
                                 "padding": "0rem",
@@ -16815,14 +16936,14 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "children": [
                                   {
                                     "children": [
-                                      "nestedArray",
+                                      "nestedArrayOptional",
                                     ],
                                     "props": {
                                       "className": "m_8a5d1357",
                                       "data-order": 4,
                                       "data-size": undefined,
                                       "data-variant": undefined,
-                                      "id": "root_nestedArray__title",
+                                      "id": "root_nestedArrayOptional__title",
                                       "size": undefined,
                                       "style": {
                                         "--title-fw": "var(--mantine-h4-font-weight)",
@@ -16842,275 +16963,97 @@ exports[`single fields optional data controls shows "add" optional controls when
                                 "type": "legend",
                                 Symbol(cleaned): true,
                               },
-                              {
-                                "children": null,
-                                "props": {
-                                  "className": "row rjsf-array-item-list",
-                                  "data-size": undefined,
-                                  "data-variant": undefined,
-                                  "size": undefined,
-                                  "style": {},
-                                },
-                                "type": "div",
-                                Symbol(cleaned): true,
-                              },
                               {
                                 "children": [
                                   {
                                     "children": [
-                                      {
-                                        "children": [
-                                          {
-                                            "children": [
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M0 0h24v24H0z",
-                                                  "fill": "none",
-                                                  "stroke": "none",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M12 5l0 14",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                              {
-                                                "children": null,
-                                                "props": {
-                                                  "d": "M5 12l14 0",
-                                                },
-                                                "type": "path",
-                                                Symbol(cleaned): true,
-                                              },
-                                            ],
-                                            "props": {
-                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
-                                              "fill": "none",
-                                              "height": "24",
-                                              "stroke": "currentColor",
-                                              "strokeLinecap": "round",
-                                              "strokeLinejoin": "round",
-                                              "strokeWidth": "2",
-                                              "style": {
-                                                "height": undefined,
-                                                "width": undefined,
-                                              },
-                                              "viewBox": "0 0 24 24",
-                                              "width": "24",
-                                              "xmlns": "http://www.w3.org/2000/svg",
-                                            },
-                                            "type": "svg",
-                                            Symbol(cleaned): true,
-                                          },
-                                        ],
-                                        "props": {
-                                          "className": "m_8d3afb97",
-                                          "data-size": undefined,
-                                          "data-variant": undefined,
-                                          "size": undefined,
-                                          "style": {},
-                                        },
-                                        "type": "span",
-                                        Symbol(cleaned): true,
-                                      },
+                                      "No data for optional field",
                                     ],
                                     "props": {
-                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
-                                      "data-disabled": true,
-                                      "data-size": "md",
-                                      "data-variant": "subtle",
-                                      "disabled": true,
-                                      "id": "root_nestedArray__add",
-                                      "onClick": [Function],
-                                      "size": undefined,
-                                      "style": {
-                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
-                                        "--ai-bg": "transparent",
-                                        "--ai-color": "var(--mantine-color-blue-light-color)",
-                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
-                                        "--ai-size": "var(--ai-size-md)",
-                                      },
-                                      "title": "Add Item",
-                                      "type": "button",
+                                      "id": "root_nestedArrayOptional__optionalMsg",
                                     },
-                                    "type": "button",
+                                    "type": "em",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_4081bf90",
+                                  "className": "row rjsf-array-item-list",
                                   "data-size": undefined,
                                   "data-variant": undefined,
                                   "size": undefined,
-                                  "style": {
-                                    "--group-align": "center",
-                                    "--group-gap": "var(--mantine-spacing-md)",
-                                    "--group-justify": "flex-end",
-                                    "--group-wrap": "wrap",
-                                  },
+                                  "style": {},
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
                             ],
                             "props": {
-                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
                               "data-size": undefined,
                               "data-variant": "default",
-                              "id": "root_nestedArray",
+                              "id": "root_nestedArrayOptional",
                               "size": undefined,
                               "style": {},
                             },
                             "type": "fieldset",
-                            Symbol(cleaned): true,
-                          },
-                        ],
-                        "props": {
-                          "className": "rjsf-field rjsf-field-array",
-                          "style": undefined,
-                        },
-                        "type": "div",
-                        Symbol(cleaned): true,
-                      },
-                    ],
-                    "props": {
-                      "className": "",
-                      "data-size": undefined,
-                      "data-variant": undefined,
-                      "size": undefined,
-                      "style": {},
-                    },
-                    "type": "div",
-                    Symbol(cleaned): true,
-                  },
-                  {
-                    "children": [
-                      {
-                        "children": [
-                          {
-                            "children": [
-                              {
-                                "children": [
-                                  {
-                                    "children": [
-                                      "optionalObjectWithOneofs",
-                                    ],
-                                    "props": {
-                                      "className": "m_8fdc1311",
-                                      "data-size": "sm",
-                                      "data-variant": undefined,
-                                      "htmlFor": "root_optionalObjectWithOneofs__oneof_select",
-                                      "id": "root_optionalObjectWithOneofs__oneof_select-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",
-                                          "className": "m_8fb7ebe7",
-                                          "data-disabled": true,
-                                          "data-size": undefined,
-                                          "data-variant": "default",
-                                          "disabled": true,
-                                          "enableOptionalDataFieldForType": [],
-                                          "id": "root_optionalObjectWithOneofs__oneof_select",
-                                          "onBlur": [Function],
-                                          "onChange": [Function],
-                                          "onClick": [Function],
-                                          "onFocus": [Function],
-                                          "onKeyDown": [Function],
-                                          "readOnly": false,
-                                          "required": undefined,
-                                          "size": undefined,
-                                          "style": {},
-                                          "value": "Option 1",
-                                        },
-                                        "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-disabled": true,
-                                      "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,
-                                  },
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-array",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  "nestedObject",
                                 ],
                                 "props": {
-                                  "className": "m_46b77525",
-                                  "data-size": "sm",
+                                  "className": "m_8a5d1357",
+                                  "data-order": 3,
+                                  "data-size": undefined,
                                   "data-variant": undefined,
+                                  "id": "root_nestedObject__title",
                                   "size": undefined,
-                                  "style": {},
+                                  "style": {
+                                    "--title-fw": "var(--mantine-h3-font-weight)",
+                                    "--title-fz": "var(--mantine-h3-font-size)",
+                                    "--title-lh": "var(--mantine-h3-line-height)",
+                                    "fontWeight": "normal",
+                                  },
                                 },
-                                "type": "div",
+                                "type": "h3",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "dangerouslySetInnerHTML": {
+                                    "__html": ".__m__-r10o{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                  },
+                                  "data-mantine-styles": "inline",
+                                  "nonce": undefined,
+                                },
+                                "type": "style",
                                 Symbol(cleaned): true,
                               },
                               {
@@ -17123,210 +17066,60 @@ exports[`single fields optional data controls shows "add" optional controls when
                                             "children": [
                                               {
                                                 "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "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_8ee53fc2",
-                                                                  "fill": "none",
-                                                                  "style": undefined,
-                                                                  "viewBox": "0 0 10 7",
-                                                                  "xmlns": "http://www.w3.org/2000/svg",
-                                                                },
-                                                                "type": "svg",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                              {
-                                                                "children": [
-                                                                  "Option 1",
-                                                                ],
-                                                                "props": {},
-                                                                "type": "span",
-                                                                Symbol(cleaned): true,
-                                                              },
-                                                            ],
-                                                            "props": {
-                                                              "aria-selected": true,
-                                                              "className": "m_92253aa5 m_390b5f4",
-                                                              "data-checked": true,
-                                                              "data-combobox-active": true,
-                                                              "data-combobox-option": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": undefined,
-                                                              "id": ":r10r:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "0",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "Option 2",
-                                                                ],
-                                                                "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": ":r10t:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "1",
-                                                            },
-                                                            "type": "div",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                          {
-                                                            "children": [
-                                                              {
-                                                                "children": [
-                                                                  "Option 3",
-                                                                ],
-                                                                "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": ":r10v:",
-                                                              "onClick": [Function],
-                                                              "onMouseDown": [Function],
-                                                              "onMouseOver": [Function],
-                                                              "role": "option",
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "value": "2",
-                                                            },
-                                                            "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,
+                                                  "test",
+                                                ],
+                                                "props": {
+                                                  "className": "m_8fdc1311",
+                                                  "data-size": "sm",
+                                                  "data-variant": undefined,
+                                                  "htmlFor": "root_nestedObject_test",
+                                                  "id": "root_nestedObject_test-label",
+                                                  "onMouseDown": [Function],
+                                                  "size": undefined,
+                                                  "style": {
+                                                    "--input-label-size": "var(--mantine-font-size-sm)",
                                                   },
-                                                  {
-                                                    "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": "label",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": [
+                                                  {
+                                                    "children": null,
+                                                    "props": {
+                                                      "aria-describedby": undefined,
+                                                      "aria-invalid": false,
+                                                      "autoFocus": false,
+                                                      "className": "m_8fb7ebe7",
+                                                      "data-disabled": true,
+                                                      "data-size": undefined,
+                                                      "data-variant": "default",
+                                                      "disabled": true,
+                                                      "id": "root_nestedObject_test",
+                                                      "name": "root_nestedObject_test",
+                                                      "onBlur": [Function],
+                                                      "onChange": [Function],
+                                                      "onFocus": [Function],
+                                                      "placeholder": "",
+                                                      "required": false,
+                                                      "size": undefined,
+                                                      "style": {},
+                                                      "type": "text",
                                                     },
-                                                    "type": "div",
+                                                    "type": "input",
                                                     Symbol(cleaned): true,
                                                   },
                                                 ],
                                                 "props": {
-                                                  "className": "m_d57069b5",
-                                                  "data-autosize": "true",
-                                                  "data-size": undefined,
-                                                  "data-variant": undefined,
+                                                  "className": "m_6c018570",
+                                                  "data-disabled": true,
+                                                  "data-size": "sm",
+                                                  "data-variant": "default",
                                                   "size": undefined,
                                                   "style": {
-                                                    "--sa-corner-height": "0px",
-                                                    "--sa-corner-width": "0px",
-                                                    "--scrollarea-scrollbar-size": "var(--combobox-padding)",
+                                                    "--input-fz": "var(--mantine-font-size-sm)",
+                                                    "--input-height": "var(--input-height-sm)",
                                                   },
                                                 },
                                                 "type": "div",
@@ -17334,92 +17127,271 @@ exports[`single fields optional data controls shows "add" optional controls when
                                               },
                                             ],
                                             "props": {
-                                              "className": "",
-                                              "data-size": undefined,
+                                              "className": "m_46b77525",
+                                              "data-size": "sm",
                                               "data-variant": undefined,
                                               "size": undefined,
-                                              "style": {
-                                                "display": "flex",
-                                                "flex": 1,
-                                                "flexDirection": "column",
-                                                "minHeight": 0,
-                                                "minWidth": 0,
-                                                "overflow": "hidden",
-                                              },
+                                              "style": {},
                                             },
                                             "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",
-                                          },
+                                          "className": "rjsf-field rjsf-field-string",
+                                          "style": undefined,
                                         },
                                         "type": "div",
                                         Symbol(cleaned): true,
                                       },
                                     ],
                                     "props": {
-                                      "aria-labelledby": "root_optionalObjectWithOneofs__oneof_select-label",
-                                      "className": "m_b2821a6e",
+                                      "className": "",
                                       "data-size": undefined,
                                       "data-variant": undefined,
-                                      "id": "",
-                                      "onMouseDown": [Function],
-                                      "role": "listbox",
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "div",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_2415a157 __m__-r10o",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {
+                                    "marginBottom": "var(--mantine-spacing-sm)",
+                                  },
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_7485cace",
+                              "data-size": undefined,
+                              "data-strategy": "block",
+                              "data-variant": undefined,
+                              "id": "root_nestedObject",
+                              "size": undefined,
+                              "style": {
+                                "padding": "0rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-object",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      "nestedArray",
+                                    ],
+                                    "props": {
+                                      "className": "m_8a5d1357",
+                                      "data-order": 4,
+                                      "data-size": undefined,
+                                      "data-variant": undefined,
+                                      "id": "root_nestedArray__title",
                                       "size": undefined,
                                       "style": {
-                                        "--combobox-option-fz": "var(--mantine-font-size-sm)",
-                                        "--combobox-option-padding": "var(--combobox-option-padding-sm)",
+                                        "--title-fw": "var(--mantine-h4-font-weight)",
+                                        "--title-fz": "var(--mantine-h4-font-size)",
+                                        "--title-lh": "var(--mantine-h4-line-height)",
+                                        "fontWeight": "normal",
                                       },
                                     },
-                                    "type": "div",
+                                    "type": "h4",
                                     Symbol(cleaned): true,
                                   },
                                 ],
                                 "props": {
-                                  "className": "m_38a85659 m_88b62a41",
-                                  "data-composed": true,
-                                  "data-fixed": undefined,
-                                  "data-hidden": true,
-                                  "data-position": "bottom",
+                                  "className": "m_90794832",
+                                  "style": {},
+                                },
+                                "type": "legend",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": null,
+                                "props": {
+                                  "className": "row rjsf-array-item-list",
+                                  "data-size": undefined,
+                                  "data-variant": undefined,
+                                  "size": undefined,
+                                  "style": {},
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M0 0h24v24H0z",
+                                                  "fill": "none",
+                                                  "stroke": "none",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M12 5l0 14",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                              {
+                                                "children": null,
+                                                "props": {
+                                                  "d": "M5 12l14 0",
+                                                },
+                                                "type": "path",
+                                                Symbol(cleaned): true,
+                                              },
+                                            ],
+                                            "props": {
+                                              "className": "icon icon-tabler icons-tabler-outline icon-tabler-plus",
+                                              "fill": "none",
+                                              "height": "24",
+                                              "stroke": "currentColor",
+                                              "strokeLinecap": "round",
+                                              "strokeLinejoin": "round",
+                                              "strokeWidth": "2",
+                                              "style": {
+                                                "height": undefined,
+                                                "width": undefined,
+                                              },
+                                              "viewBox": "0 0 24 24",
+                                              "width": "24",
+                                              "xmlns": "http://www.w3.org/2000/svg",
+                                            },
+                                            "type": "svg",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "m_8d3afb97",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                        },
+                                        "type": "span",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "className": "rjsf-array-item-add m_8d3f4000 m_87cf2631",
+                                      "data-disabled": true,
+                                      "data-size": "md",
+                                      "data-variant": "subtle",
+                                      "disabled": true,
+                                      "id": "root_nestedArray__add",
+                                      "onClick": [Function],
+                                      "size": undefined,
+                                      "style": {
+                                        "--ai-bd": "calc(0.0625rem * var(--mantine-scale)) solid transparent",
+                                        "--ai-bg": "transparent",
+                                        "--ai-color": "var(--mantine-color-blue-light-color)",
+                                        "--ai-hover": "var(--mantine-color-blue-light-hover)",
+                                        "--ai-size": "var(--ai-size-md)",
+                                      },
+                                      "title": "Add Item",
+                                      "type": "button",
+                                    },
+                                    "type": "button",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "m_4081bf90",
                                   "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,
+                                    "--group-align": "center",
+                                    "--group-gap": "var(--mantine-spacing-md)",
+                                    "--group-justify": "flex-end",
+                                    "--group-wrap": "wrap",
                                   },
                                 },
                                 "type": "div",
                                 Symbol(cleaned): true,
                               },
-                              {
-                                "children": null,
-                                "props": {
-                                  "disabled": true,
-                                  "form": undefined,
-                                  "name": "root_optionalObjectWithOneofs__oneof_select",
-                                  "type": "hidden",
-                                  "value": "0",
-                                },
-                                "type": "input",
-                                Symbol(cleaned): true,
-                              },
+                            ],
+                            "props": {
+                              "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string m_e9408a47",
+                              "data-size": undefined,
+                              "data-variant": "default",
+                              "id": "root_nestedArray",
+                              "size": undefined,
+                              "style": {},
+                            },
+                            "type": "fieldset",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-array",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
                               {
                                 "children": [
                                   {
@@ -17449,7 +17421,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                                         "children": null,
                                         "props": {
                                           "dangerouslySetInnerHTML": {
-                                            "__html": ".__m__-r113{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
+                                            "__html": ".__m__-r11b{--sg-spacing-x:var(--mantine-spacing-md);--sg-spacing-y:var(--mantine-spacing-md);--sg-cols:1;}",
                                           },
                                           "data-mantine-styles": "inline",
                                           "nonce": undefined,
@@ -17461,101 +17433,17 @@ exports[`single fields optional data controls shows "add" optional controls when
                                         "children": [
                                           {
                                             "children": [
-                                              {
-                                                "children": [
-                                                  {
-                                                    "children": [
-                                                      {
-                                                        "children": [
-                                                          "name",
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_8fdc1311",
-                                                          "data-size": "sm",
-                                                          "data-variant": undefined,
-                                                          "htmlFor": "root_optionalObjectWithOneofs_name",
-                                                          "id": "root_optionalObjectWithOneofs_name-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-invalid": false,
-                                                              "autoFocus": false,
-                                                              "className": "m_8fb7ebe7",
-                                                              "data-disabled": true,
-                                                              "data-size": undefined,
-                                                              "data-variant": "default",
-                                                              "disabled": true,
-                                                              "id": "root_optionalObjectWithOneofs_name",
-                                                              "name": "root_optionalObjectWithOneofs_name",
-                                                              "placeholder": "",
-                                                              "required": false,
-                                                              "size": undefined,
-                                                              "style": {},
-                                                              "type": "text",
-                                                            },
-                                                            "type": "input",
-                                                            Symbol(cleaned): true,
-                                                          },
-                                                        ],
-                                                        "props": {
-                                                          "className": "m_6c018570",
-                                                          "data-disabled": true,
-                                                          "data-size": "sm",
-                                                          "data-variant": "default",
-                                                          "size": undefined,
-                                                          "style": {
-                                                            "--input-fz": "var(--mantine-font-size-sm)",
-                                                            "--input-height": "var(--input-height-sm)",
-                                                          },
-                                                        },
-                                                        "type": "div",
-                                                        Symbol(cleaned): true,
-                                                      },
-                                                    ],
-                                                    "props": {
-                                                      "className": "m_46b77525",
-                                                      "data-size": "sm",
-                                                      "data-variant": undefined,
-                                                      "size": undefined,
-                                                      "style": {},
-                                                    },
-                                                    "type": "div",
-                                                    Symbol(cleaned): true,
-                                                  },
-                                                ],
-                                                "props": {
-                                                  "className": "rjsf-field rjsf-field-string",
-                                                  "style": undefined,
-                                                },
-                                                "type": "div",
-                                                Symbol(cleaned): true,
-                                              },
+                                              "No data for optional field",
                                             ],
                                             "props": {
-                                              "className": "",
-                                              "data-size": undefined,
-                                              "data-variant": undefined,
-                                              "size": undefined,
-                                              "style": {},
+                                              "id": "root_optionalObjectWithOneofs__optionalMsg",
                                             },
-                                            "type": "div",
+                                            "type": "em",
                                             Symbol(cleaned): true,
                                           },
                                         ],
                                         "props": {
-                                          "className": "m_2415a157 __m__-r113",
+                                          "className": "m_2415a157 __m__-r11b",
                                           "data-size": undefined,
                                           "data-variant": undefined,
                                           "size": undefined,
@@ -17624,9 +17512,128 @@ exports[`single fields optional data controls shows "add" optional controls when
                     "type": "div",
                     Symbol(cleaned): true,
                   },
+                  {
+                    "children": [
+                      {
+                        "children": [
+                          {
+                            "children": [
+                              {
+                                "children": [
+                                  {
+                                    "children": [
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              "optionalArrayWithAnyofs",
+                                            ],
+                                            "props": {
+                                              "className": "m_8a5d1357",
+                                              "data-order": 4,
+                                              "data-size": undefined,
+                                              "data-variant": undefined,
+                                              "id": "root_optionalArrayWithAnyofs__title",
+                                              "size": undefined,
+                                              "style": {
+                                                "--title-fw": "var(--mantine-h4-font-weight)",
+                                                "--title-fz": "var(--mantine-h4-font-size)",
+                                                "--title-lh": "var(--mantine-h4-line-height)",
+                                                "fontWeight": "normal",
+                                              },
+                                            },
+                                            "type": "h4",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "m_90794832",
+                                          "style": {},
+                                        },
+                                        "type": "legend",
+                                        Symbol(cleaned): true,
+                                      },
+                                      {
+                                        "children": [
+                                          {
+                                            "children": [
+                                              "No data for optional field",
+                                            ],
+                                            "props": {
+                                              "id": "root_optionalArrayWithAnyofs__optionalMsg",
+                                            },
+                                            "type": "em",
+                                            Symbol(cleaned): true,
+                                          },
+                                        ],
+                                        "props": {
+                                          "className": "row rjsf-array-item-list",
+                                          "data-size": undefined,
+                                          "data-variant": undefined,
+                                          "size": undefined,
+                                          "style": {},
+                                        },
+                                        "type": "div",
+                                        Symbol(cleaned): true,
+                                      },
+                                    ],
+                                    "props": {
+                                      "className": "m_84c9523a rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field m_e9408a47",
+                                      "data-size": undefined,
+                                      "data-variant": "default",
+                                      "id": "root_optionalArrayWithAnyofs",
+                                      "size": undefined,
+                                      "style": {},
+                                    },
+                                    "type": "fieldset",
+                                    Symbol(cleaned): true,
+                                  },
+                                ],
+                                "props": {
+                                  "className": "rjsf-field rjsf-field-array",
+                                  "style": undefined,
+                                },
+                                "type": "div",
+                                Symbol(cleaned): true,
+                              },
+                            ],
+                            "props": {
+                              "className": "m_6d731127",
+                              "data-size": undefined,
+                              "data-variant": undefined,
+                              "size": undefined,
+                              "style": {
+                                "--stack-align": "stretch",
+                                "--stack-gap": "var(--mantine-spacing-md)",
+                                "--stack-justify": "flex-start",
+                                "marginBottom": "1rem",
+                              },
+                            },
+                            "type": "div",
+                            Symbol(cleaned): true,
+                          },
+                        ],
+                        "props": {
+                          "className": "rjsf-field rjsf-field-undefined",
+                          "style": undefined,
+                        },
+                        "type": "div",
+                        Symbol(cleaned): true,
+                      },
+                    ],
+                    "props": {
+                      "className": "",
+                      "data-size": undefined,
+                      "data-variant": undefined,
+                      "size": undefined,
+                      "style": {},
+                    },
+                    "type": "div",
+                    Symbol(cleaned): true,
+                  },
                 ],
                 "props": {
-                  "className": "m_2415a157 __m__-rvc",
+                  "className": "m_2415a157 __m__-r10a",
                   "data-size": undefined,
                   "data-variant": undefined,
                   "size": undefined,
diff --git a/packages/mui/test/__snapshots__/Form.test.tsx.snap b/packages/mui/test/__snapshots__/Form.test.tsx.snap
index b6f1877ca7..b9360e0929 100644
--- a/packages/mui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/mui/test/__snapshots__/Form.test.tsx.snap
@@ -9168,11 +9168,11 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input
   visibility: visible;
 }
 
-.emotion-146 {
+.emotion-169 {
   margin-top: 24px;
 }
 
-.emotion-147 {
+.emotion-170 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -9229,57 +9229,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128: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-147::-moz-focus-inner {
+.emotion-170::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-147.Mui-disabled {
+.emotion-170.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-147 {
+  .emotion-170 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-147:hover {
+.emotion-170:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-147.Mui-disabled {
+.emotion-170.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-147:hover {
+.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-147:hover {
+  .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-147:active {
+.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-147.Mui-focusVisible {
+.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-147.Mui-disabled {
+.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-147:hover {
+  .emotion-170:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -9287,7 +9287,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input
   }
 }
 
-.emotion-147.MuiButton-loading {
+.emotion-170.MuiButton-loading {
   color: transparent;
 }
 
@@ -10369,14 +10369,188 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input
             </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-123"
+              >
+                <div
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-124"
+                >
+                  <div
+                    aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                    className="MuiFormControl-root MuiTextField-root emotion-13"
+                  >
+                    <label
+                      className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined emotion-126"
+                      data-shrink={true}
+                      htmlFor="root_optionalArrayWithAnyofs__anyof_select"
+                      id="root_optionalArrayWithAnyofs__anyof_select-label"
+                    >
+                      optionalArrayWithAnyofs
+                    </label>
+                    <div
+                      className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-15"
+                      onClick={[Function]}
+                    >
+                      <div
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-labelledby="root_optionalArrayWithAnyofs__anyof_select-label root_optionalArrayWithAnyofs__anyof_select"
+                        className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-128"
+                        id="root_optionalArrayWithAnyofs__anyof_select"
+                        onBlur={[Function]}
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        onMouseDown={[Function]}
+                        role="combobox"
+                        tabIndex={0}
+                      >
+                        Option 1
+                      </div>
+                      <input
+                        aria-hidden={true}
+                        aria-invalid={false}
+                        autoFocus={false}
+                        className="MuiSelect-nativeInput emotion-129"
+                        disabled={false}
+                        name="root_optionalArrayWithAnyofs__anyof_select"
+                        onAnimationStart={[Function]}
+                        onChange={[Function]}
+                        required={false}
+                        tabIndex={-1}
+                        value="0"
+                      />
+                      <svg
+                        aria-hidden={true}
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-130"
+                        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-17"
+                      >
+                        <legend
+                          className="emotion-132"
+                        >
+                          <span>
+                            optionalArrayWithAnyofs
+                          </span>
+                        </legend>
+                      </fieldset>
+                    </div>
+                  </div>
+                </div>
+                <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-49"
+                      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-50"
+                      >
+                        <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>
+                        <div
+                          className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-54"
+                        >
+                          <div
+                            className="MuiGrid-root MuiGrid-direction-xs-row emotion-55"
+                          >
+                            <div
+                              className="MuiBox-root emotion-56"
+                            >
+                              <button
+                                className="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-57"
+                                disabled={null}
+                                id="root_optionalArrayWithAnyofs__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={0}
+                                title="Add Item"
+                                type="button"
+                              >
+                                <svg
+                                  aria-hidden={true}
+                                  className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-58"
+                                  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>
   </div>
   <div
-    className="MuiBox-root emotion-146"
+    className="MuiBox-root emotion-169"
   >
     <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-147"
+      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-170"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -11177,11 +11351,11 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input
   visibility: visible;
 }
 
-.emotion-146 {
+.emotion-169 {
   margin-top: 24px;
 }
 
-.emotion-147 {
+.emotion-170 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -11238,57 +11412,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128: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-147::-moz-focus-inner {
+.emotion-170::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-147.Mui-disabled {
+.emotion-170.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-147 {
+  .emotion-170 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-147:hover {
+.emotion-170:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-147.Mui-disabled {
+.emotion-170.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-147:hover {
+.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-147:hover {
+  .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-147:active {
+.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-147.Mui-focusVisible {
+.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-147.Mui-disabled {
+.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-147:hover {
+  .emotion-170:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -11296,7 +11470,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input
   }
 }
 
-.emotion-147.MuiButton-loading {
+.emotion-170.MuiButton-loading {
   color: transparent;
 }
 
@@ -12379,110 +12553,285 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-128:focus::-ms-input
             </div>
           </div>
         </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="MuiBox-root emotion-146"
-  >
-    <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-147"
-      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" and "remove" optional controls when turned on in uiSchema and 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;
-}
+        <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-123"
+              >
+                <div
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-124"
+                >
+                  <div
+                    aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__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-126"
+                      data-shrink={true}
+                      htmlFor="root_optionalArrayWithAnyofs__anyof_select"
+                      id="root_optionalArrayWithAnyofs__anyof_select-label"
+                    >
+                      optionalArrayWithAnyofs
+                    </label>
+                    <div
+                      className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl MuiSelect-root emotion-15"
+                      onClick={[Function]}
+                    >
+                      <div
+                        aria-disabled="true"
+                        aria-expanded="false"
+                        aria-haspopup="listbox"
+                        aria-labelledby="root_optionalArrayWithAnyofs__anyof_select-label root_optionalArrayWithAnyofs__anyof_select"
+                        className="MuiSelect-select MuiSelect-outlined Mui-disabled MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-128"
+                        id="root_optionalArrayWithAnyofs__anyof_select"
+                        onBlur={[Function]}
+                        onFocus={[Function]}
+                        onKeyDown={[Function]}
+                        onMouseDown={null}
+                        role="combobox"
+                        tabIndex={null}
+                      >
+                        Option 1
+                      </div>
+                      <input
+                        aria-hidden={true}
+                        aria-invalid={false}
+                        autoFocus={false}
+                        className="MuiSelect-nativeInput emotion-129"
+                        disabled={true}
+                        name="root_optionalArrayWithAnyofs__anyof_select"
+                        onAnimationStart={[Function]}
+                        onChange={[Function]}
+                        required={false}
+                        tabIndex={-1}
+                        value="0"
+                      />
+                      <svg
+                        aria-hidden={true}
+                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined Mui-disabled emotion-130"
+                        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-17"
+                      >
+                        <legend
+                          className="emotion-132"
+                        >
+                          <span>
+                            optionalArrayWithAnyofs
+                          </span>
+                        </legend>
+                      </fieldset>
+                    </div>
+                  </div>
+                </div>
+                <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-49"
+                      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-50"
+                      >
+                        <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>
+                        <div
+                          className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-54"
+                        >
+                          <div
+                            className="MuiGrid-root MuiGrid-direction-xs-row emotion-55"
+                          >
+                            <div
+                              className="MuiBox-root emotion-56"
+                            >
+                              <button
+                                className="MuiButtonBase-root Mui-disabled MuiIconButton-root Mui-disabled MuiIconButton-colorPrimary MuiIconButton-sizeMedium rjsf-array-item-add emotion-57"
+                                disabled={true}
+                                id="root_optionalArrayWithAnyofs__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-58"
+                                  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>
+  </div>
+  <div
+    className="MuiBox-root emotion-169"
+  >
+    <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-170"
+      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" and "remove" optional controls when turned on in uiSchema and 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;
@@ -13310,206 +13659,33 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-21:focus::-ms-input-
   margin-bottom: 16px;
 }
 
-.emotion-151 {
-  -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-151:focus {
-  border-radius: 0;
-}
-
-.emotion-151.Mui-disabled {
-  cursor: default;
-}
-
-.emotion-151[multiple] {
-  height: auto;
-}
-
-.emotion-151:not([multiple]) option,
-.emotion-151:not([multiple]) optgroup {
-  background-color: #fff;
-}
-
-.emotion-151:focus {
-  border-radius: 4px;
-}
-
-.emotion-151.emotion-151.emotion-151 {
-  padding-right: 32px;
-}
-
-.emotion-151.MuiSelect-select {
-  height: auto;
-  min-height: 1.4375em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.emotion-151::-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-151::-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-151::-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-151:focus {
-  outline: 0;
-}
-
-.emotion-151:invalid {
-  box-shadow: none;
-}
-
-.emotion-151::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-151::-webkit-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-151::-moz-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-151::-ms-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-151:focus::-webkit-input-placeholder {
-  opacity: 0.42;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-151:focus::-moz-placeholder {
-  opacity: 0.42;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-151:focus::-ms-input-placeholder {
-  opacity: 0.42;
-}
-
-.emotion-151.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-151:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
-}
-
-.emotion-151:-webkit-autofill {
-  border-radius: inherit;
-}
-
-.emotion-152 {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.emotion-153 {
-  -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-153.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
-}
-
-.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;
+.emotion-173 {
+  margin-top: 24px;
+}
+
+.emotion-174 {
+  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;
@@ -13544,57 +13720,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-151: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-170::-moz-focus-inner {
+.emotion-174::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-170.Mui-disabled {
+.emotion-174.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-170 {
+  .emotion-174 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-170:hover {
+.emotion-174:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-170.Mui-disabled {
+.emotion-174.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-170:hover {
+.emotion-174: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 {
+  .emotion-174: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 {
+.emotion-174: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 {
+.emotion-174.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 {
+.emotion-174.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 {
+  .emotion-174:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -13602,7 +13778,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-151:focus::-ms-input
   }
 }
 
-.emotion-170.MuiButton-loading {
+.emotion-174.MuiButton-loading {
   color: transparent;
 }
 
@@ -14716,77 +14892,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-151:focus::-ms-input
               >
                 <div
                   className="MuiFormControl-root MuiFormControl-fullWidth emotion-147"
-                >
-                  <div
-                    aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                    className="MuiFormControl-root MuiTextField-root emotion-18"
-                  >
-                    <label
-                      className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined emotion-19"
-                      data-shrink={true}
-                      htmlFor="root_optionalObjectWithOneofs__oneof_select"
-                      id="root_optionalObjectWithOneofs__oneof_select-label"
-                    >
-                      optionalObjectWithOneofs
-                    </label>
-                    <div
-                      className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-20"
-                      onClick={[Function]}
-                    >
-                      <div
-                        aria-expanded="false"
-                        aria-haspopup="listbox"
-                        aria-labelledby="root_optionalObjectWithOneofs__oneof_select-label root_optionalObjectWithOneofs__oneof_select"
-                        className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-151"
-                        id="root_optionalObjectWithOneofs__oneof_select"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
-                        onKeyDown={[Function]}
-                        onMouseDown={[Function]}
-                        role="combobox"
-                        tabIndex={0}
-                      >
-                        Option 1
-                      </div>
-                      <input
-                        aria-hidden={true}
-                        aria-invalid={false}
-                        autoFocus={false}
-                        className="MuiSelect-nativeInput emotion-152"
-                        disabled={false}
-                        name="root_optionalObjectWithOneofs__oneof_select"
-                        onAnimationStart={[Function]}
-                        onChange={[Function]}
-                        required={false}
-                        tabIndex={-1}
-                        value="0"
-                      />
-                      <svg
-                        aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-153"
-                        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-22"
-                      >
-                        <legend
-                          className="emotion-23"
-                        >
-                          <span>
-                            optionalObjectWithOneofs
-                          </span>
-                        </legend>
-                      </fieldset>
-                    </div>
-                  </div>
-                </div>
+                />
                 <div
                   className="rjsf-field rjsf-field-object"
                 >
@@ -14797,85 +14903,170 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-151: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>
-                      <hr
-                        className="MuiDivider-root MuiDivider-fullWidth emotion-3"
-                      />
-                    </div>
-                    <div
+                        <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-31"
+                            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"
+                      />
+                    </div>
+                    <div
                       className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row MuiGrid-spacing-xs-2 emotion-4"
                       style={
                         {
                           "marginTop": "10px",
                         }
                       }
+                    />
+                  </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-99"
+              >
+                <div
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-147"
+                />
+                <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-51"
+                      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="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                        style={
-                          {
-                            "marginBottom": "10px",
-                          }
-                        }
+                        className="MuiBox-root emotion-52"
                       >
                         <div
-                          className="rjsf-field rjsf-field-string"
+                          className="MuiBox-root emotion-1"
+                          id="root_optionalArrayWithAnyofs__title"
                         >
                           <div
-                            className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                            className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
                           >
                             <div
-                              aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                              className="MuiFormControl-root MuiTextField-root emotion-18"
+                              className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
                             >
-                              <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-44"
-                                data-shrink={false}
-                                htmlFor="root_optionalObjectWithOneofs_name"
-                                id="root_optionalObjectWithOneofs_name-label"
+                              <h5
+                                className="MuiTypography-root MuiTypography-h5 emotion-2"
+                                style={{}}
                               >
-                                name
-                              </label>
-                              <div
-                                className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-20"
+                                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-31"
+                                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"
                               >
-                                <input
-                                  aria-invalid={false}
-                                  autoFocus={false}
-                                  className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-21"
-                                  disabled={true}
-                                  id="root_optionalObjectWithOneofs_name"
-                                  name="root_optionalObjectWithOneofs_name"
-                                  onAnimationStart={[Function]}
-                                  onBlur={[Function]}
-                                  onChange={[Function]}
-                                  onFocus={[Function]}
-                                  placeholder=""
-                                  required={false}
-                                  type="text"
-                                  value=""
-                                />
-                                <fieldset
+                                <svg
                                   aria-hidden={true}
-                                  className="MuiOutlinedInput-notchedOutline emotion-22"
+                                  className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
+                                  data-testid="AddIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
                                 >
-                                  <legend
-                                    className="emotion-48"
-                                  >
-                                    <span>
-                                      name
-                                    </span>
-                                  </legend>
-                                </fieldset>
-                              </div>
+                                  <path
+                                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                                  />
+                                </svg>
+                              </button>
                             </div>
                           </div>
+                          <hr
+                            className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                          />
                         </div>
                       </div>
                     </div>
@@ -14889,10 +15080,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-151:focus::-ms-input
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-169"
+    className="MuiBox-root emotion-173"
   >
     <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-170"
+      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-174"
       disabled={null}
       onBlur={[Function]}
       onContextMenu={[Function]}
@@ -15679,184 +15870,11 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-16:focus::-ms-input-
   margin-bottom: 16px;
 }
 
-.emotion-131 {
-  -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-131:focus {
-  border-radius: 0;
-}
-
-.emotion-131.Mui-disabled {
-  cursor: default;
-}
-
-.emotion-131[multiple] {
-  height: auto;
-}
-
-.emotion-131:not([multiple]) option,
-.emotion-131:not([multiple]) optgroup {
-  background-color: #fff;
-}
-
-.emotion-131:focus {
-  border-radius: 4px;
-}
-
-.emotion-131.emotion-131.emotion-131 {
-  padding-right: 32px;
-}
-
-.emotion-131.MuiSelect-select {
-  height: auto;
-  min-height: 1.4375em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.emotion-131::-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-131::-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-131::-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-131:focus {
-  outline: 0;
-}
-
-.emotion-131:invalid {
-  box-shadow: none;
-}
-
-.emotion-131::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-131::-webkit-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-131::-moz-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-131::-ms-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-131:focus::-webkit-input-placeholder {
-  opacity: 0.42;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-131:focus::-moz-placeholder {
-  opacity: 0.42;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-131:focus::-ms-input-placeholder {
-  opacity: 0.42;
-}
-
-.emotion-131.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-131:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
-}
-
-.emotion-131:-webkit-autofill {
-  border-radius: inherit;
-}
-
-.emotion-132 {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.emotion-133 {
-  -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-133.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
-}
-
-.emotion-149 {
+.emotion-143 {
   margin-top: 24px;
 }
 
-.emotion-150 {
+.emotion-144 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -15913,57 +15931,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-131: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-150::-moz-focus-inner {
+.emotion-144::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-150.Mui-disabled {
+.emotion-144.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-150 {
+  .emotion-144 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-150:hover {
+.emotion-144:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-150.Mui-disabled {
+.emotion-144.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-150:hover {
+.emotion-144: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-150:hover {
+  .emotion-144: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-150:active {
+.emotion-144: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-150.Mui-focusVisible {
+.emotion-144.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-150.Mui-disabled {
+.emotion-144.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
   box-shadow: none;
   background-color: rgba(0, 0, 0, 0.12);
 }
 
 @media (hover: hover) {
-  .emotion-150:hover {
+  .emotion-144:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -15971,7 +15989,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-131:focus::-ms-input
   }
 }
 
-.emotion-150.MuiButton-loading {
+.emotion-144.MuiButton-loading {
   color: transparent;
 }
 
@@ -16916,83 +16934,12 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-131:focus::-ms-input
               >
                 <div
                   className="MuiFormControl-root MuiFormControl-fullWidth emotion-127"
+                />
+                <div
+                  className="rjsf-field rjsf-field-object"
                 >
                   <div
-                    aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__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_optionalObjectWithOneofs__oneof_select"
-                      id="root_optionalObjectWithOneofs__oneof_select-label"
-                    >
-                      optionalObjectWithOneofs
-                    </label>
-                    <div
-                      className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl MuiSelect-root emotion-15"
-                      onClick={[Function]}
-                    >
-                      <div
-                        aria-disabled="true"
-                        aria-expanded="false"
-                        aria-haspopup="listbox"
-                        aria-labelledby="root_optionalObjectWithOneofs__oneof_select-label root_optionalObjectWithOneofs__oneof_select"
-                        className="MuiSelect-select MuiSelect-outlined Mui-disabled MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-131"
-                        id="root_optionalObjectWithOneofs__oneof_select"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
-                        onKeyDown={[Function]}
-                        onMouseDown={null}
-                        role="combobox"
-                        tabIndex={null}
-                      >
-                        Option 1
-                      </div>
-                      <input
-                        aria-hidden={true}
-                        aria-invalid={false}
-                        autoFocus={false}
-                        className="MuiSelect-nativeInput emotion-132"
-                        disabled={true}
-                        name="root_optionalObjectWithOneofs__oneof_select"
-                        onAnimationStart={[Function]}
-                        onChange={[Function]}
-                        required={false}
-                        tabIndex={-1}
-                        value="0"
-                      />
-                      <svg
-                        aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined Mui-disabled emotion-133"
-                        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-17"
-                      >
-                        <legend
-                          className="emotion-18"
-                        >
-                          <span>
-                            optionalObjectWithOneofs
-                          </span>
-                        </legend>
-                      </fieldset>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  className="rjsf-field rjsf-field-object"
-                >
-                  <div
-                    className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                    className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
                   >
                     <div
                       className="MuiBox-root emotion-1"
@@ -17016,68 +16963,74 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-131:focus::-ms-input
                         }
                       }
                     >
-                      <div
-                        className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                        style={
-                          {
-                            "marginBottom": "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-79"
+              >
+                <div
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-127"
+                />
+                <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-string"
+                          className="MuiBox-root emotion-1"
+                          id="root_optionalArrayWithAnyofs__title"
                         >
-                          <div
-                            className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                          <h5
+                            className="MuiTypography-root MuiTypography-h5 emotion-2"
+                            style={{}}
                           >
-                            <div
-                              aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__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_optionalObjectWithOneofs_name"
-                                id="root_optionalObjectWithOneofs_name-label"
-                              >
-                                name
-                              </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_optionalObjectWithOneofs_name"
-                                  name="root_optionalObjectWithOneofs_name"
-                                  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>
-                                      name
-                                    </span>
-                                  </legend>
-                                </fieldset>
-                              </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>
@@ -17090,10 +17043,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-131:focus::-ms-input
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-149"
+    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-150"
+      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]}
@@ -17788,298 +17741,38 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-39:focus::-ms-input-
   margin-bottom: 16px;
 }
 
-.emotion-59 {
-  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-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;
-  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);
+  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;
-  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-59.Mui-focused {
-  color: #1976d2;
-}
-
-.emotion-59.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-59.Mui-error {
-  color: #d32f2f;
-}
-
-.emotion-61 {
-  -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-61:focus {
-  border-radius: 0;
-}
-
-.emotion-61.Mui-disabled {
-  cursor: default;
-}
-
-.emotion-61[multiple] {
-  height: auto;
-}
-
-.emotion-61:not([multiple]) option,
-.emotion-61:not([multiple]) optgroup {
-  background-color: #fff;
-}
-
-.emotion-61:focus {
-  border-radius: 4px;
-}
-
-.emotion-61.emotion-61.emotion-61 {
-  padding-right: 32px;
-}
-
-.emotion-61.MuiSelect-select {
-  height: auto;
-  min-height: 1.4375em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.emotion-61::-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-61::-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-61::-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-61:focus {
-  outline: 0;
-}
-
-.emotion-61:invalid {
-  box-shadow: none;
-}
-
-.emotion-61::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-61::-webkit-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-61::-moz-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-61::-ms-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-61:focus::-webkit-input-placeholder {
-  opacity: 0.42;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-61:focus::-moz-placeholder {
-  opacity: 0.42;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-61:focus::-ms-input-placeholder {
-  opacity: 0.42;
-}
-
-.emotion-61.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-61:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
-}
-
-.emotion-61:-webkit-autofill {
-  border-radius: inherit;
-}
-
-.emotion-62 {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.emotion-63 {
-  -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-63.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
-}
-
-.emotion-65 {
-  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-65>span {
-  padding-left: 5px;
-  padding-right: 5px;
-  display: inline-block;
-  opacity: 0;
-  visibility: visible;
-}
-
-.emotion-79 {
-  margin-top: 24px;
-}
-
-.emotion-80 {
-  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;
+  vertical-align: middle;
   -moz-appearance: none;
   -webkit-appearance: none;
   -webkit-text-decoration: none;
@@ -18109,57 +17802,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-61: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-80::-moz-focus-inner {
+.emotion-84::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-80.Mui-disabled {
+.emotion-84.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-80 {
+  .emotion-84 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-80:hover {
+.emotion-84:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-80.Mui-disabled {
+.emotion-84.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-80:hover {
+.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-80:hover {
+  .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-80:active {
+.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-80.Mui-focusVisible {
+.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-80.Mui-disabled {
+.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-80:hover {
+  .emotion-84:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -18167,7 +17860,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-61:focus::-ms-input-
   }
 }
 
-.emotion-80.MuiButton-loading {
+.emotion-84.MuiButton-loading {
   color: transparent;
 }
 
@@ -18588,77 +18281,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-61:focus::-ms-input-
               >
                 <div
                   className="MuiFormControl-root MuiFormControl-fullWidth emotion-57"
-                >
-                  <div
-                    aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                    className="MuiFormControl-root MuiTextField-root emotion-36"
-                  >
-                    <label
-                      className="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined emotion-59"
-                      data-shrink={true}
-                      htmlFor="root_optionalObjectWithOneofs__oneof_select"
-                      id="root_optionalObjectWithOneofs__oneof_select-label"
-                    >
-                      optionalObjectWithOneofs
-                    </label>
-                    <div
-                      className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiSelect-root emotion-38"
-                      onClick={[Function]}
-                    >
-                      <div
-                        aria-expanded="false"
-                        aria-haspopup="listbox"
-                        aria-labelledby="root_optionalObjectWithOneofs__oneof_select-label root_optionalObjectWithOneofs__oneof_select"
-                        className="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input emotion-61"
-                        id="root_optionalObjectWithOneofs__oneof_select"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
-                        onKeyDown={[Function]}
-                        onMouseDown={[Function]}
-                        role="combobox"
-                        tabIndex={0}
-                      >
-                        Option 1
-                      </div>
-                      <input
-                        aria-hidden={true}
-                        aria-invalid={false}
-                        autoFocus={false}
-                        className="MuiSelect-nativeInput emotion-62"
-                        disabled={false}
-                        name="root_optionalObjectWithOneofs__oneof_select"
-                        onAnimationStart={[Function]}
-                        onChange={[Function]}
-                        required={false}
-                        tabIndex={-1}
-                        value="0"
-                      />
-                      <svg
-                        aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined emotion-63"
-                        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-40"
-                      >
-                        <legend
-                          className="emotion-65"
-                        >
-                          <span>
-                            optionalObjectWithOneofs
-                          </span>
-                        </legend>
-                      </fieldset>
-                    </div>
-                  </div>
-                </div>
+                />
                 <div
                   className="rjsf-field rjsf-field-object"
                 >
@@ -18669,12 +18292,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-61: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"
                       />
@@ -18686,68 +18354,108 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-61:focus::-ms-input-
                           "marginTop": "10px",
                         }
                       }
+                    />
+                  </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-array"
+                >
+                  <div
+                    className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                  >
+                    <div
+                      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)",
+                        }
+                      }
                     >
                       <div
-                        className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                        style={
-                          {
-                            "marginBottom": "10px",
-                          }
-                        }
+                        className="MuiBox-root emotion-19"
                       >
                         <div
-                          className="rjsf-field rjsf-field-string"
+                          className="MuiBox-root emotion-1"
+                          id="root_optionalArrayWithAnyofs__title"
                         >
                           <div
-                            className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                            className="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-row emotion-8"
                           >
                             <div
-                              aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                              className="MuiFormControl-root MuiTextField-root emotion-36"
+                              className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-grow emotion-9"
                             >
-                              <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-37"
-                                data-shrink={false}
-                                htmlFor="root_optionalObjectWithOneofs_name"
-                                id="root_optionalObjectWithOneofs_name-label"
+                              <h5
+                                className="MuiTypography-root MuiTypography-h5 emotion-2"
+                                style={{}}
                               >
-                                name
-                              </label>
-                              <div
-                                className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl emotion-38"
+                                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"
                               >
-                                <input
-                                  aria-invalid={false}
-                                  autoFocus={false}
-                                  className="MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-39"
-                                  disabled={true}
-                                  id="root_optionalObjectWithOneofs_name"
-                                  name="root_optionalObjectWithOneofs_name"
-                                  onAnimationStart={[Function]}
-                                  onBlur={[Function]}
-                                  onChange={[Function]}
-                                  onFocus={[Function]}
-                                  placeholder=""
-                                  required={false}
-                                  type="text"
-                                  value=""
-                                />
-                                <fieldset
+                                <svg
                                   aria-hidden={true}
-                                  className="MuiOutlinedInput-notchedOutline emotion-40"
+                                  className="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-13"
+                                  data-testid="AddIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
                                 >
-                                  <legend
-                                    className="emotion-41"
-                                  >
-                                    <span>
-                                      name
-                                    </span>
-                                  </legend>
-                                </fieldset>
-                              </div>
+                                  <path
+                                    d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
+                                  />
+                                </svg>
+                              </button>
                             </div>
                           </div>
+                          <hr
+                            className="MuiDivider-root MuiDivider-fullWidth emotion-3"
+                          />
                         </div>
                       </div>
                     </div>
@@ -18761,10 +18469,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-61:focus::-ms-input-
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-79"
+    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-80"
+      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]}
@@ -19220,299 +18928,53 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-29:focus::-ms-input-
   -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-42::-moz-focus-inner {
-  border-style: none;
-}
-
-.emotion-42.Mui-disabled {
-  pointer-events: none;
-  cursor: default;
-}
-
-@media print {
-  .emotion-42 {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
-}
-
-.emotion-42:hover {
-  background-color: var(--IconButton-hoverBg);
-}
-
-@media (hover: none) {
-  .emotion-42:hover {
-    background-color: transparent;
-  }
-}
-
-.emotion-42.Mui-disabled {
-  background-color: transparent;
-  color: rgba(0, 0, 0, 0.26);
-}
-
-.emotion-42.MuiIconButton-loading {
-  color: transparent;
-}
-
-.emotion-43 {
-  -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-46 {
-  margin-bottom: 16px;
-}
-
-.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;
-  margin: 0;
-  border: 0;
-  vertical-align: top;
-  width: 100%;
-  margin-bottom: 16px;
-}
-
-.emotion-49 {
-  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);
-}
-
-.emotion-49.Mui-focused {
-  color: #1976d2;
-}
-
-.emotion-49.Mui-disabled {
-  color: rgba(0, 0, 0, 0.38);
-}
-
-.emotion-49.Mui-error {
-  color: #d32f2f;
-}
-
-.emotion-51 {
-  -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-51:focus {
-  border-radius: 0;
-}
-
-.emotion-51.Mui-disabled {
-  cursor: default;
-}
-
-.emotion-51[multiple] {
-  height: auto;
-}
-
-.emotion-51:not([multiple]) option,
-.emotion-51:not([multiple]) optgroup {
-  background-color: #fff;
-}
-
-.emotion-51:focus {
-  border-radius: 4px;
-}
-
-.emotion-51.emotion-51.emotion-51 {
-  padding-right: 32px;
-}
-
-.emotion-51.MuiSelect-select {
-  height: auto;
-  min-height: 1.4375em;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.emotion-51::-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-51::-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-51::-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-51:focus {
-  outline: 0;
-}
-
-.emotion-51:invalid {
-  box-shadow: none;
-}
-
-.emotion-51::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-51::-webkit-input-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-51::-moz-placeholder {
-  opacity: 0!important;
-}
-
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-51::-ms-input-placeholder {
-  opacity: 0!important;
+  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);
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-51:focus::-webkit-input-placeholder {
-  opacity: 0.42;
+.emotion-42::-moz-focus-inner {
+  border-style: none;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-51:focus::-moz-placeholder {
-  opacity: 0.42;
+.emotion-42.Mui-disabled {
+  pointer-events: none;
+  cursor: default;
 }
 
-label[data-shrink=false]+.MuiInputBase-formControl .emotion-51:focus::-ms-input-placeholder {
-  opacity: 0.42;
+@media print {
+  .emotion-42 {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
 }
 
-.emotion-51.Mui-disabled {
-  opacity: 1;
-  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
+.emotion-42:hover {
+  background-color: var(--IconButton-hoverBg);
 }
 
-.emotion-51:-webkit-autofill {
-  -webkit-animation-duration: 5000s;
-  animation-duration: 5000s;
-  -webkit-animation-name: mui-auto-fill;
-  animation-name: mui-auto-fill;
+@media (hover: none) {
+  .emotion-42:hover {
+    background-color: transparent;
+  }
 }
 
-.emotion-51:-webkit-autofill {
-  border-radius: inherit;
+.emotion-42.Mui-disabled {
+  background-color: transparent;
+  color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-52 {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  width: 100%;
-  box-sizing: border-box;
+.emotion-42.MuiIconButton-loading {
+  color: transparent;
 }
 
-.emotion-53 {
+.emotion-43 {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -19527,49 +18989,35 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-51:focus::-ms-input-
   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-53.Mui-disabled {
-  color: rgba(0, 0, 0, 0.26);
+.emotion-46 {
+  margin-bottom: 16px;
 }
 
-.emotion-55 {
-  float: unset;
-  width: auto;
-  overflow: hidden;
-  display: block;
+.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;
-  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-55>span {
-  padding-left: 5px;
-  padding-right: 5px;
-  display: inline-block;
-  opacity: 0;
-  visibility: visible;
+  margin: 0;
+  border: 0;
+  vertical-align: top;
+  width: 100%;
+  margin-bottom: 16px;
 }
 
-.emotion-69 {
+.emotion-63 {
   margin-top: 24px;
 }
 
-.emotion-70 {
+.emotion-64 {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
@@ -19626,57 +19074,57 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-51: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-70::-moz-focus-inner {
+.emotion-64::-moz-focus-inner {
   border-style: none;
 }
 
-.emotion-70.Mui-disabled {
+.emotion-64.Mui-disabled {
   pointer-events: none;
   cursor: default;
 }
 
 @media print {
-  .emotion-70 {
+  .emotion-64 {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
   }
 }
 
-.emotion-70:hover {
+.emotion-64:hover {
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.emotion-70.Mui-disabled {
+.emotion-64.Mui-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
-.emotion-70: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-70: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-70: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-70.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-70.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-70:hover {
+  .emotion-64:hover {
     --variant-containedBg: #1565c0;
     --variant-textBg: rgba(25, 118, 210, 0.04);
     --variant-outlinedBorder: #1976d2;
@@ -19684,7 +19132,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-51:focus::-ms-input-
   }
 }
 
-.emotion-70.MuiButton-loading {
+.emotion-64.MuiButton-loading {
   color: transparent;
 }
 
@@ -20026,78 +19474,7 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-51:focus::-ms-input-
               >
                 <div
                   className="MuiFormControl-root MuiFormControl-fullWidth emotion-47"
-                >
-                  <div
-                    aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                    className="MuiFormControl-root MuiTextField-root emotion-26"
-                  >
-                    <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-49"
-                      data-shrink={true}
-                      htmlFor="root_optionalObjectWithOneofs__oneof_select"
-                      id="root_optionalObjectWithOneofs__oneof_select-label"
-                    >
-                      optionalObjectWithOneofs
-                    </label>
-                    <div
-                      className="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl MuiSelect-root emotion-28"
-                      onClick={[Function]}
-                    >
-                      <div
-                        aria-disabled="true"
-                        aria-expanded="false"
-                        aria-haspopup="listbox"
-                        aria-labelledby="root_optionalObjectWithOneofs__oneof_select-label root_optionalObjectWithOneofs__oneof_select"
-                        className="MuiSelect-select MuiSelect-outlined Mui-disabled MuiInputBase-input MuiOutlinedInput-input Mui-disabled emotion-51"
-                        id="root_optionalObjectWithOneofs__oneof_select"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
-                        onKeyDown={[Function]}
-                        onMouseDown={null}
-                        role="combobox"
-                        tabIndex={null}
-                      >
-                        Option 1
-                      </div>
-                      <input
-                        aria-hidden={true}
-                        aria-invalid={false}
-                        autoFocus={false}
-                        className="MuiSelect-nativeInput emotion-52"
-                        disabled={true}
-                        name="root_optionalObjectWithOneofs__oneof_select"
-                        onAnimationStart={[Function]}
-                        onChange={[Function]}
-                        required={false}
-                        tabIndex={-1}
-                        value="0"
-                      />
-                      <svg
-                        aria-hidden={true}
-                        className="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined Mui-disabled emotion-53"
-                        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-30"
-                      >
-                        <legend
-                          className="emotion-55"
-                        >
-                          <span>
-                            optionalObjectWithOneofs
-                          </span>
-                        </legend>
-                      </fieldset>
-                    </div>
-                  </div>
-                </div>
+                />
                 <div
                   className="rjsf-field rjsf-field-object"
                 >
@@ -20126,68 +19503,74 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-51:focus::-ms-input-
                         }
                       }
                     >
-                      <div
-                        className="MuiGrid-root MuiGrid-direction-xs-row MuiGrid-grid-xs-12 emotion-5"
-                        style={
-                          {
-                            "marginBottom": "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"
+              >
+                <div
+                  className="MuiFormControl-root MuiFormControl-fullWidth emotion-47"
+                />
+                <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="rjsf-field rjsf-field-string"
+                          className="MuiBox-root emotion-1"
+                          id="root_optionalArrayWithAnyofs__title"
                         >
-                          <div
-                            className="MuiFormControl-root MuiFormControl-fullWidth emotion-0"
+                          <h5
+                            className="MuiTypography-root MuiTypography-h5 emotion-2"
+                            style={{}}
                           >
-                            <div
-                              aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__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_optionalObjectWithOneofs_name"
-                                id="root_optionalObjectWithOneofs_name-label"
-                              >
-                                name
-                              </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_optionalObjectWithOneofs_name"
-                                  name="root_optionalObjectWithOneofs_name"
-                                  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>
-                                      name
-                                    </span>
-                                  </legend>
-                                </fieldset>
-                              </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>
@@ -20200,10 +19583,10 @@ label[data-shrink=false]+.MuiInputBase-formControl .emotion-51:focus::-ms-input-
     </div>
   </div>
   <div
-    className="MuiBox-root emotion-69"
+    className="MuiBox-root emotion-63"
   >
     <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-70"
+      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]}
diff --git a/packages/playground/src/components/Header.tsx b/packages/playground/src/components/Header.tsx
index 6599a2f1d2..571dee9057 100644
--- a/packages/playground/src/components/Header.tsx
+++ b/packages/playground/src/components/Header.tsx
@@ -237,7 +237,7 @@ const liveSettingsSelectUiSchema: UiSchema = {
 };
 
 export interface LiveSettings {
-  showErrorList: false | 'top' | 'bottom';
+  showErrorList?: false | 'top' | 'bottom';
   [key: string]: any;
 }
 
diff --git a/packages/playground/src/components/Playground.tsx b/packages/playground/src/components/Playground.tsx
index 00a1a5d236..e43404df40 100644
--- a/packages/playground/src/components/Playground.tsx
+++ b/packages/playground/src/components/Playground.tsx
@@ -121,7 +121,8 @@ export default function Playground({ themes, validators }: PlaygroundProps) {
 
   const onSampleSelected = useCallback(
     (sampleName: string) => {
-      load({ ...samples[sampleName], sampleName, liveSettings, theme });
+      const { liveSettings: sampleLiveSettings, ...sample } = samples[sampleName];
+      load({ ...sample, sampleName, liveSettings: { ...liveSettings, ...sampleLiveSettings }, theme });
     },
     [load, liveSettings, theme],
   );
diff --git a/packages/playground/src/samples/Sample.ts b/packages/playground/src/samples/Sample.ts
index 72d070d82e..06961f4b5e 100644
--- a/packages/playground/src/samples/Sample.ts
+++ b/packages/playground/src/samples/Sample.ts
@@ -1,8 +1,11 @@
 import { UiSchema } from '@rjsf/utils';
 import { FormProps } from '@rjsf/core';
 
+import { LiveSettings } from '../components/Header';
+
 export type UiSchemaForTheme = (theme: string) => UiSchema;
 
 export interface Sample extends Omit<FormProps, 'validator' | 'uiSchema'> {
   uiSchema?: FormProps['uiSchema'] | UiSchemaForTheme;
+  liveSettings?: LiveSettings;
 }
diff --git a/packages/playground/src/samples/optionalDataControls.ts b/packages/playground/src/samples/optionalDataControls.ts
index 29de5ed654..3e089e1736 100644
--- a/packages/playground/src/samples/optionalDataControls.ts
+++ b/packages/playground/src/samples/optionalDataControls.ts
@@ -117,6 +117,33 @@ const optionalDataControls: Sample = {
           },
         ],
       },
+      optionalArrayWithAnyofs: {
+        anyOf: [
+          {
+            type: 'array',
+            items: {
+              type: 'string',
+            },
+          },
+          {
+            type: 'array',
+            items: {
+              type: 'number',
+            },
+          },
+          {
+            type: 'array',
+            items: {
+              type: 'object',
+              properties: {
+                test: {
+                  type: 'string',
+                },
+              },
+            },
+          },
+        ],
+      },
     },
     required: ['nestedObject', 'nestedArray'],
   },
@@ -129,13 +156,12 @@ const optionalDataControls: Sample = {
         'ui:enableOptionalDataFieldForType': ['object'],
       },
     },
-    optionalObjectWithOneofs: {
-      'ui:enableOptionalDataFieldForType': [],
-    },
   },
-  experimental_defaultFormStateBehavior: {
-    // Set the emptyObjectFields to only populate required defaults to highlight the code working
-    emptyObjectFields: 'populateRequiredDefaults',
+  liveSettings: {
+    experimental_defaultFormStateBehavior: {
+      // Set the emptyObjectFields to only populate required defaults to highlight the code working
+      emptyObjectFields: 'populateRequiredDefaults',
+    },
   },
 };
 
diff --git a/packages/primereact/test/__snapshots__/Form.test.tsx.snap b/packages/primereact/test/__snapshots__/Form.test.tsx.snap
index 64f409066b..6b1046db1d 100644
--- a/packages/primereact/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/primereact/test/__snapshots__/Form.test.tsx.snap
@@ -2736,6 +2736,170 @@ exports[`single fields optional data controls does not show optional controls wh
           </fieldset>
         </div>
       </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          style={
+            {
+              "display": "flex",
+              "flexDirection": "column",
+              "gap": "0.5rem",
+              "marginBottom": "1rem",
+            }
+          }
+        >
+          <label
+            htmlFor="root_optionalArrayWithAnyofs"
+          >
+            optionalArrayWithAnyofs
+             
+          </label>
+          <fieldset
+            className="p-fieldset p-component"
+            data-pc-name="fieldset"
+            data-pc-section="root"
+            id={null}
+            onClick={null}
+            style={{}}
+          >
+            <div
+              aria-labelledby="null_header"
+              className="p-toggleable-content"
+              data-pc-section="toggleablecontent"
+              id="null_content"
+              role="region"
+            >
+              <div
+                className="p-fieldset-content"
+                data-pc-section="content"
+              >
+                <div
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                >
+                  <select
+                    aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                    disabled={false}
+                    id="root_optionalArrayWithAnyofs__anyof_select"
+                    name="root_optionalArrayWithAnyofs__anyof_select"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    options={
+                      [
+                        {
+                          "disabled": false,
+                          "label": "Option 1",
+                          "value": "0",
+                        },
+                        {
+                          "disabled": false,
+                          "label": "Option 2",
+                          "value": "1",
+                        },
+                        {
+                          "disabled": false,
+                          "label": "Option 3",
+                          "value": "2",
+                        },
+                      ]
+                    }
+                    value="0"
+                  />
+                </div>
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    style={
+                      {
+                        "display": "flex",
+                        "flexDirection": "column",
+                        "gap": "0.5rem",
+                        "marginBottom": "1rem",
+                      }
+                    }
+                  >
+                    <h5
+                      id="root_optionalArrayWithAnyofs__title"
+                      style={
+                        {
+                          "fontSize": "1.5rem",
+                          "margin": 0,
+                          "marginBottom": "0.2rem",
+                        }
+                      }
+                    >
+                      optionalArrayWithAnyofs
+                       
+                    </h5>
+                    <fieldset
+                      className="rjsf-field rjsf-field-array rjsf-field-array-of-string sortable-form-fields p-fieldset p-component"
+                      data-pc-name="fieldset"
+                      data-pc-section="root"
+                      formData={[]}
+                      id="root_optionalArrayWithAnyofs"
+                      onClick={null}
+                      style={{}}
+                    >
+                      <div
+                        aria-labelledby="root_optionalArrayWithAnyofs_header"
+                        className="p-toggleable-content"
+                        data-pc-section="toggleablecontent"
+                        id="root_optionalArrayWithAnyofs_content"
+                        role="region"
+                      >
+                        <div
+                          className="p-fieldset-content"
+                          data-pc-section="content"
+                        >
+                          <div>
+                            <div />
+                            <div
+                              style={
+                                {
+                                  "marginTop": "1rem",
+                                  "position": "relative",
+                                  "textAlign": "right",
+                                }
+                              }
+                            >
+                              <button
+                                aria-label="Add Item"
+                                className="rjsf-array-item-add p-button p-component p-button-outlined p-button-sm p-button-secondary"
+                                data-pc-name="button"
+                                data-pc-section="root"
+                                disabled={false}
+                                id="root_optionalArrayWithAnyofs__add"
+                                onClick={[Function]}
+                              >
+                                <span
+                                  className="p-button-icon p-c p-button-icon-left pi pi-plus"
+                                  data-pc-section="icon"
+                                />
+                                <span
+                                  className="p-button-label p-c"
+                                  data-pc-section="label"
+                                >
+                                  Add Item
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </fieldset>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+      </div>
     </div>
   </div>
   <button
@@ -3620,15 +3784,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_44"
+            id="pr_id_56"
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="pr_id_44_header"
+              aria-labelledby="pr_id_56_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="pr_id_44_content"
+              id="pr_id_56_content"
               role="region"
             >
               <div
@@ -3768,6 +3932,170 @@ exports[`single fields optional data controls does not show optional controls wh
           </fieldset>
         </div>
       </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          style={
+            {
+              "display": "flex",
+              "flexDirection": "column",
+              "gap": "0.5rem",
+              "marginBottom": "1rem",
+            }
+          }
+        >
+          <label
+            htmlFor="root_optionalArrayWithAnyofs"
+          >
+            optionalArrayWithAnyofs
+             
+          </label>
+          <fieldset
+            className="p-fieldset p-component"
+            data-pc-name="fieldset"
+            data-pc-section="root"
+            id="pr_id_57"
+            onClick={null}
+            style={{}}
+          >
+            <div
+              aria-labelledby="pr_id_57_header"
+              className="p-toggleable-content"
+              data-pc-section="toggleablecontent"
+              id="pr_id_57_content"
+              role="region"
+            >
+              <div
+                className="p-fieldset-content"
+                data-pc-section="content"
+              >
+                <div
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                >
+                  <select
+                    aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                    disabled={true}
+                    id="root_optionalArrayWithAnyofs__anyof_select"
+                    name="root_optionalArrayWithAnyofs__anyof_select"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    options={
+                      [
+                        {
+                          "disabled": false,
+                          "label": "Option 1",
+                          "value": "0",
+                        },
+                        {
+                          "disabled": false,
+                          "label": "Option 2",
+                          "value": "1",
+                        },
+                        {
+                          "disabled": false,
+                          "label": "Option 3",
+                          "value": "2",
+                        },
+                      ]
+                    }
+                    value="0"
+                  />
+                </div>
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    style={
+                      {
+                        "display": "flex",
+                        "flexDirection": "column",
+                        "gap": "0.5rem",
+                        "marginBottom": "1rem",
+                      }
+                    }
+                  >
+                    <h5
+                      id="root_optionalArrayWithAnyofs__title"
+                      style={
+                        {
+                          "fontSize": "1.5rem",
+                          "margin": 0,
+                          "marginBottom": "0.2rem",
+                        }
+                      }
+                    >
+                      optionalArrayWithAnyofs
+                       
+                    </h5>
+                    <fieldset
+                      className="rjsf-field rjsf-field-array rjsf-field-array-of-string sortable-form-fields p-fieldset p-component"
+                      data-pc-name="fieldset"
+                      data-pc-section="root"
+                      formData={[]}
+                      id="root_optionalArrayWithAnyofs"
+                      onClick={null}
+                      style={{}}
+                    >
+                      <div
+                        aria-labelledby="root_optionalArrayWithAnyofs_header"
+                        className="p-toggleable-content"
+                        data-pc-section="toggleablecontent"
+                        id="root_optionalArrayWithAnyofs_content"
+                        role="region"
+                      >
+                        <div
+                          className="p-fieldset-content"
+                          data-pc-section="content"
+                        >
+                          <div>
+                            <div />
+                            <div
+                              style={
+                                {
+                                  "marginTop": "1rem",
+                                  "position": "relative",
+                                  "textAlign": "right",
+                                }
+                              }
+                            >
+                              <button
+                                aria-label="Add Item"
+                                className="rjsf-array-item-add p-button p-component p-disabled p-button-outlined p-button-sm p-button-secondary"
+                                data-pc-name="button"
+                                data-pc-section="root"
+                                disabled={true}
+                                id="root_optionalArrayWithAnyofs__add"
+                                onClick={[Function]}
+                              >
+                                <span
+                                  className="p-button-icon p-c p-button-icon-left pi pi-plus"
+                                  data-pc-section="icon"
+                                />
+                                <span
+                                  className="p-button-label p-c"
+                                  data-pc-section="label"
+                                >
+                                  Add Item
+                                </span>
+                              </button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </fieldset>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+      </div>
     </div>
   </div>
   <button
@@ -4867,12 +5195,6 @@ exports[`single fields optional data controls shows "add" and "remove" optional
             }
           }
         >
-          <label
-            htmlFor="root_optionalObjectWithOneofs"
-          >
-            optionalObjectWithOneofs
-             
-          </label>
           <fieldset
             className="p-fieldset p-component"
             data-pc-name="fieldset"
@@ -4898,37 +5220,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                       "marginBottom": "1rem",
                     }
                   }
-                >
-                  <select
-                    aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                    disabled={false}
-                    id="root_optionalObjectWithOneofs__oneof_select"
-                    name="root_optionalObjectWithOneofs__oneof_select"
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onFocus={[Function]}
-                    options={
-                      [
-                        {
-                          "disabled": false,
-                          "label": "Option 1",
-                          "value": "0",
-                        },
-                        {
-                          "disabled": false,
-                          "label": "Option 2",
-                          "value": "1",
-                        },
-                        {
-                          "disabled": false,
-                          "label": "Option 3",
-                          "value": "2",
-                        },
-                      ]
-                    }
-                    value="0"
-                  />
-                </div>
+                />
                 <div
                   className="rjsf-field rjsf-field-object"
                 >
@@ -4945,17 +5237,70 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                     <div
                       id="root_optionalObjectWithOneofs__title"
                     >
-                      <h5
+                      <div
                         style={
                           {
-                            "fontSize": "1.2rem",
-                            "margin": 0,
+                            "display": "flex",
                           }
                         }
                       >
-                        optionalObjectWithOneofs
-                         
-                      </h5>
+                        <div
+                          style={
+                            {
+                              "flexGrow": 1,
+                            }
+                          }
+                        >
+                          <h5
+                            style={
+                              {
+                                "fontSize": "1.2rem",
+                                "margin": 0,
+                              }
+                            }
+                          >
+                            optionalObjectWithOneofs
+                             
+                          </h5>
+                        </div>
+                        <div
+                          style={
+                            {
+                              "marginLeft": "-5px",
+                            }
+                          }
+                        >
+                          <button
+                            className="rjsf-add-optional-data p-button p-component p-button-icon-only p-button-text p-button-rounded p-button-secondary"
+                            data-pc-name="button"
+                            data-pc-section="root"
+                            disabled={false}
+                            id="root_optionalObjectWithOneofs__optionalAdd"
+                            onClick={[Function]}
+                            style={
+                              {
+                                "height": "1.5rem",
+                                "width": "1.5rem",
+                              }
+                            }
+                            title="Add data for optional field"
+                          >
+                            <span
+                              className="p-button-icon p-c pi pi-pi pi-plus"
+                              data-pc-section="icon"
+                            />
+                            <span
+                              className="p-button-label p-c"
+                              dangerouslySetInnerHTML={
+                                {
+                                  "__html": "&nbsp;",
+                                }
+                              }
+                              data-pc-section="label"
+                            />
+                          </button>
+                        </div>
+                      </div>
                       <div
                         aria-orientation="horizontal"
                         className="p-divider p-component p-divider-horizontal p-divider-solid p-divider-left"
@@ -4976,48 +5321,151 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         />
                       </div>
                     </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+      </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          style={
+            {
+              "display": "flex",
+              "flexDirection": "column",
+              "gap": "0.5rem",
+              "marginBottom": "1rem",
+            }
+          }
+        >
+          <fieldset
+            className="p-fieldset p-component"
+            data-pc-name="fieldset"
+            data-pc-section="root"
+            id={null}
+            onClick={null}
+            style={{}}
+          >
+            <div
+              aria-labelledby="null_header"
+              className="p-toggleable-content"
+              data-pc-section="toggleablecontent"
+              id="null_content"
+              role="region"
+            >
+              <div
+                className="p-fieldset-content"
+                data-pc-section="content"
+              >
+                <div
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                />
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    style={
+                      {
+                        "display": "flex",
+                        "flexDirection": "column",
+                        "gap": "0.5rem",
+                        "marginBottom": "1rem",
+                      }
+                    }
+                  >
                     <div
-                      className="rjsf-field rjsf-field-string"
+                      style={
+                        {
+                          "display": "flex",
+                        }
+                      }
                     >
                       <div
                         style={
                           {
-                            "display": "flex",
-                            "flexDirection": "column",
-                            "gap": "0.5rem",
-                            "marginBottom": "1rem",
+                            "flexGrow": 1,
                           }
                         }
                       >
-                        <label
-                          htmlFor="root_optionalObjectWithOneofs_name"
+                        <h5
+                          id="root_optionalArrayWithAnyofs__title"
+                          style={
+                            {
+                              "fontSize": "1.5rem",
+                              "margin": 0,
+                              "marginBottom": "0.2rem",
+                            }
+                          }
                         >
-                          name
+                          optionalArrayWithAnyofs
                            
-                        </label>
-                        <input
-                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                          autoFocus={false}
-                          className="p-inputtext p-component p-disabled"
-                          data-pc-name="inputtext"
+                        </h5>
+                      </div>
+                      <div>
+                        <button
+                          className="rjsf-add-optional-data p-button p-component p-button-icon-only p-button-text p-button-rounded p-button-secondary"
+                          data-pc-name="button"
                           data-pc-section="root"
-                          disabled={true}
-                          id="root_optionalObjectWithOneofs_name"
-                          name="root_optionalObjectWithOneofs_name"
-                          onBeforeInput={[Function]}
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          onInput={[Function]}
-                          onKeyDown={[Function]}
-                          onPaste={[Function]}
-                          placeholder=""
-                          required={false}
-                          type="text"
-                          value=""
-                        />
+                          disabled={false}
+                          id="root_optionalArrayWithAnyofs__optionalAdd"
+                          onClick={[Function]}
+                          style={
+                            {
+                              "height": "1.5rem",
+                              "width": "1.5rem",
+                            }
+                          }
+                          title="Add data for optional field"
+                        >
+                          <span
+                            className="p-button-icon p-c pi pi-pi pi-plus"
+                            data-pc-section="icon"
+                          />
+                          <span
+                            className="p-button-label p-c"
+                            dangerouslySetInnerHTML={
+                              {
+                                "__html": "&nbsp;",
+                              }
+                            }
+                            data-pc-section="label"
+                          />
+                        </button>
                       </div>
                     </div>
+                    <fieldset
+                      className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field sortable-form-fields p-fieldset p-component"
+                      data-pc-name="fieldset"
+                      data-pc-section="root"
+                      formData={[]}
+                      id="root_optionalArrayWithAnyofs"
+                      onClick={null}
+                      style={{}}
+                    >
+                      <div
+                        aria-labelledby="root_optionalArrayWithAnyofs_header"
+                        className="p-toggleable-content"
+                        data-pc-section="toggleablecontent"
+                        id="root_optionalArrayWithAnyofs_content"
+                        role="region"
+                      >
+                        <div
+                          className="p-fieldset-content"
+                          data-pc-section="content"
+                        >
+                          <div>
+                            <div />
+                          </div>
+                        </div>
+                      </div>
+                    </fieldset>
                   </div>
                 </div>
               </div>
@@ -5935,25 +6383,19 @@ exports[`single fields optional data controls shows "add" and "remove" optional
             }
           }
         >
-          <label
-            htmlFor="root_optionalObjectWithOneofs"
-          >
-            optionalObjectWithOneofs
-             
-          </label>
           <fieldset
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id="pr_id_66"
+            id="pr_id_83"
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="pr_id_66_header"
+              aria-labelledby="pr_id_83_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="pr_id_66_content"
+              id="pr_id_83_content"
               role="region"
             >
               <div
@@ -5966,37 +6408,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                       "marginBottom": "1rem",
                     }
                   }
-                >
-                  <select
-                    aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                    disabled={true}
-                    id="root_optionalObjectWithOneofs__oneof_select"
-                    name="root_optionalObjectWithOneofs__oneof_select"
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onFocus={[Function]}
-                    options={
-                      [
-                        {
-                          "disabled": false,
-                          "label": "Option 1",
-                          "value": "0",
-                        },
-                        {
-                          "disabled": false,
-                          "label": "Option 2",
-                          "value": "1",
-                        },
-                        {
-                          "disabled": false,
-                          "label": "Option 3",
-                          "value": "2",
-                        },
-                      ]
-                    }
-                    value="0"
-                  />
-                </div>
+                />
                 <div
                   className="rjsf-field rjsf-field-object"
                 >
@@ -6044,48 +6456,11 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         />
                       </div>
                     </div>
-                    <div
-                      className="rjsf-field rjsf-field-string"
+                    <em
+                      id="root_optionalObjectWithOneofs__optionalMsg"
                     >
-                      <div
-                        style={
-                          {
-                            "display": "flex",
-                            "flexDirection": "column",
-                            "gap": "0.5rem",
-                            "marginBottom": "1rem",
-                          }
-                        }
-                      >
-                        <label
-                          htmlFor="root_optionalObjectWithOneofs_name"
-                        >
-                          name
-                           
-                        </label>
-                        <input
-                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                          autoFocus={false}
-                          className="p-inputtext p-component p-disabled"
-                          data-pc-name="inputtext"
-                          data-pc-section="root"
-                          disabled={true}
-                          id="root_optionalObjectWithOneofs_name"
-                          name="root_optionalObjectWithOneofs_name"
-                          onBeforeInput={[Function]}
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          onInput={[Function]}
-                          onKeyDown={[Function]}
-                          onPaste={[Function]}
-                          placeholder=""
-                          required={false}
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
+                      No data for optional field
+                    </em>
                   </div>
                 </div>
               </div>
@@ -6093,8 +6468,112 @@ exports[`single fields optional data controls shows "add" and "remove" optional
           </fieldset>
         </div>
       </div>
-    </div>
-  </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          style={
+            {
+              "display": "flex",
+              "flexDirection": "column",
+              "gap": "0.5rem",
+              "marginBottom": "1rem",
+            }
+          }
+        >
+          <fieldset
+            className="p-fieldset p-component"
+            data-pc-name="fieldset"
+            data-pc-section="root"
+            id="pr_id_84"
+            onClick={null}
+            style={{}}
+          >
+            <div
+              aria-labelledby="pr_id_84_header"
+              className="p-toggleable-content"
+              data-pc-section="toggleablecontent"
+              id="pr_id_84_content"
+              role="region"
+            >
+              <div
+                className="p-fieldset-content"
+                data-pc-section="content"
+              >
+                <div
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                />
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    style={
+                      {
+                        "display": "flex",
+                        "flexDirection": "column",
+                        "gap": "0.5rem",
+                        "marginBottom": "1rem",
+                      }
+                    }
+                  >
+                    <h5
+                      id="root_optionalArrayWithAnyofs__title"
+                      style={
+                        {
+                          "fontSize": "1.5rem",
+                          "margin": 0,
+                          "marginBottom": "0.2rem",
+                        }
+                      }
+                    >
+                      optionalArrayWithAnyofs
+                       
+                    </h5>
+                    <fieldset
+                      className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field sortable-form-fields p-fieldset p-component"
+                      data-pc-name="fieldset"
+                      data-pc-section="root"
+                      formData={[]}
+                      id="root_optionalArrayWithAnyofs"
+                      onClick={null}
+                      style={{}}
+                    >
+                      <div
+                        aria-labelledby="root_optionalArrayWithAnyofs_header"
+                        className="p-toggleable-content"
+                        data-pc-section="toggleablecontent"
+                        id="root_optionalArrayWithAnyofs_content"
+                        role="region"
+                      >
+                        <div
+                          className="p-fieldset-content"
+                          data-pc-section="content"
+                        >
+                          <div>
+                            <div>
+                              <em
+                                id="root_optionalArrayWithAnyofs__optionalMsg"
+                              >
+                                No data for optional field
+                              </em>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </fieldset>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+      </div>
+    </div>
+  </div>
   <button
     aria-label="Submit"
     className="p-button p-component"
@@ -6559,25 +7038,19 @@ exports[`single fields optional data controls shows "add" optional controls when
             }
           }
         >
-          <label
-            htmlFor="root_optionalObjectWithOneofs"
-          >
-            optionalObjectWithOneofs
-             
-          </label>
           <fieldset
             className="p-fieldset p-component"
             data-pc-name="fieldset"
             data-pc-section="root"
-            id="pr_id_20"
+            id="pr_id_24"
             onClick={null}
             style={{}}
           >
             <div
-              aria-labelledby="pr_id_20_header"
+              aria-labelledby="pr_id_24_header"
               className="p-toggleable-content"
               data-pc-section="toggleablecontent"
-              id="pr_id_20_content"
+              id="pr_id_24_content"
               role="region"
             >
               <div
@@ -6590,37 +7063,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                       "marginBottom": "1rem",
                     }
                   }
-                >
-                  <select
-                    aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                    disabled={false}
-                    id="root_optionalObjectWithOneofs__oneof_select"
-                    name="root_optionalObjectWithOneofs__oneof_select"
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onFocus={[Function]}
-                    options={
-                      [
-                        {
-                          "disabled": false,
-                          "label": "Option 1",
-                          "value": "0",
-                        },
-                        {
-                          "disabled": false,
-                          "label": "Option 2",
-                          "value": "1",
-                        },
-                        {
-                          "disabled": false,
-                          "label": "Option 3",
-                          "value": "2",
-                        },
-                      ]
-                    }
-                    value="0"
-                  />
-                </div>
+                />
                 <div
                   className="rjsf-field rjsf-field-object"
                 >
@@ -6637,17 +7080,70 @@ exports[`single fields optional data controls shows "add" optional controls when
                     <div
                       id="root_optionalObjectWithOneofs__title"
                     >
-                      <h5
+                      <div
                         style={
                           {
-                            "fontSize": "1.2rem",
-                            "margin": 0,
+                            "display": "flex",
                           }
                         }
                       >
-                        optionalObjectWithOneofs
-                         
-                      </h5>
+                        <div
+                          style={
+                            {
+                              "flexGrow": 1,
+                            }
+                          }
+                        >
+                          <h5
+                            style={
+                              {
+                                "fontSize": "1.2rem",
+                                "margin": 0,
+                              }
+                            }
+                          >
+                            optionalObjectWithOneofs
+                             
+                          </h5>
+                        </div>
+                        <div
+                          style={
+                            {
+                              "marginLeft": "-5px",
+                            }
+                          }
+                        >
+                          <button
+                            className="rjsf-add-optional-data p-button p-component p-button-icon-only p-button-text p-button-rounded p-button-secondary"
+                            data-pc-name="button"
+                            data-pc-section="root"
+                            disabled={false}
+                            id="root_optionalObjectWithOneofs__optionalAdd"
+                            onClick={[Function]}
+                            style={
+                              {
+                                "height": "1.5rem",
+                                "width": "1.5rem",
+                              }
+                            }
+                            title="Add data for optional field"
+                          >
+                            <span
+                              className="p-button-icon p-c pi pi-pi pi-plus"
+                              data-pc-section="icon"
+                            />
+                            <span
+                              className="p-button-label p-c"
+                              dangerouslySetInnerHTML={
+                                {
+                                  "__html": "&nbsp;",
+                                }
+                              }
+                              data-pc-section="label"
+                            />
+                          </button>
+                        </div>
+                      </div>
                       <div
                         aria-orientation="horizontal"
                         className="p-divider p-component p-divider-horizontal p-divider-solid p-divider-left"
@@ -6668,48 +7164,151 @@ exports[`single fields optional data controls shows "add" optional controls when
                         />
                       </div>
                     </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+      </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          style={
+            {
+              "display": "flex",
+              "flexDirection": "column",
+              "gap": "0.5rem",
+              "marginBottom": "1rem",
+            }
+          }
+        >
+          <fieldset
+            className="p-fieldset p-component"
+            data-pc-name="fieldset"
+            data-pc-section="root"
+            id="pr_id_25"
+            onClick={null}
+            style={{}}
+          >
+            <div
+              aria-labelledby="pr_id_25_header"
+              className="p-toggleable-content"
+              data-pc-section="toggleablecontent"
+              id="pr_id_25_content"
+              role="region"
+            >
+              <div
+                className="p-fieldset-content"
+                data-pc-section="content"
+              >
+                <div
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                />
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    style={
+                      {
+                        "display": "flex",
+                        "flexDirection": "column",
+                        "gap": "0.5rem",
+                        "marginBottom": "1rem",
+                      }
+                    }
+                  >
                     <div
-                      className="rjsf-field rjsf-field-string"
+                      style={
+                        {
+                          "display": "flex",
+                        }
+                      }
                     >
                       <div
                         style={
                           {
-                            "display": "flex",
-                            "flexDirection": "column",
-                            "gap": "0.5rem",
-                            "marginBottom": "1rem",
+                            "flexGrow": 1,
                           }
                         }
                       >
-                        <label
-                          htmlFor="root_optionalObjectWithOneofs_name"
+                        <h5
+                          id="root_optionalArrayWithAnyofs__title"
+                          style={
+                            {
+                              "fontSize": "1.5rem",
+                              "margin": 0,
+                              "marginBottom": "0.2rem",
+                            }
+                          }
                         >
-                          name
+                          optionalArrayWithAnyofs
                            
-                        </label>
-                        <input
-                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                          autoFocus={false}
-                          className="p-inputtext p-component p-disabled"
-                          data-pc-name="inputtext"
+                        </h5>
+                      </div>
+                      <div>
+                        <button
+                          className="rjsf-add-optional-data p-button p-component p-button-icon-only p-button-text p-button-rounded p-button-secondary"
+                          data-pc-name="button"
                           data-pc-section="root"
-                          disabled={true}
-                          id="root_optionalObjectWithOneofs_name"
-                          name="root_optionalObjectWithOneofs_name"
-                          onBeforeInput={[Function]}
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          onInput={[Function]}
-                          onKeyDown={[Function]}
-                          onPaste={[Function]}
-                          placeholder=""
-                          required={false}
-                          type="text"
-                          value=""
-                        />
+                          disabled={false}
+                          id="root_optionalArrayWithAnyofs__optionalAdd"
+                          onClick={[Function]}
+                          style={
+                            {
+                              "height": "1.5rem",
+                              "width": "1.5rem",
+                            }
+                          }
+                          title="Add data for optional field"
+                        >
+                          <span
+                            className="p-button-icon p-c pi pi-pi pi-plus"
+                            data-pc-section="icon"
+                          />
+                          <span
+                            className="p-button-label p-c"
+                            dangerouslySetInnerHTML={
+                              {
+                                "__html": "&nbsp;",
+                              }
+                            }
+                            data-pc-section="label"
+                          />
+                        </button>
                       </div>
                     </div>
+                    <fieldset
+                      className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field sortable-form-fields p-fieldset p-component"
+                      data-pc-name="fieldset"
+                      data-pc-section="root"
+                      formData={[]}
+                      id="root_optionalArrayWithAnyofs"
+                      onClick={null}
+                      style={{}}
+                    >
+                      <div
+                        aria-labelledby="root_optionalArrayWithAnyofs_header"
+                        className="p-toggleable-content"
+                        data-pc-section="toggleablecontent"
+                        id="root_optionalArrayWithAnyofs_content"
+                        role="region"
+                      >
+                        <div
+                          className="p-fieldset-content"
+                          data-pc-section="content"
+                        >
+                          <div>
+                            <div />
+                          </div>
+                        </div>
+                      </div>
+                    </fieldset>
                   </div>
                 </div>
               </div>
@@ -7094,12 +7693,6 @@ exports[`single fields optional data controls shows "add" optional controls when
             }
           }
         >
-          <label
-            htmlFor="root_optionalObjectWithOneofs"
-          >
-            optionalObjectWithOneofs
-             
-          </label>
           <fieldset
             className="p-fieldset p-component"
             data-pc-name="fieldset"
@@ -7125,37 +7718,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                       "marginBottom": "1rem",
                     }
                   }
-                >
-                  <select
-                    aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                    disabled={true}
-                    id="root_optionalObjectWithOneofs__oneof_select"
-                    name="root_optionalObjectWithOneofs__oneof_select"
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onFocus={[Function]}
-                    options={
-                      [
-                        {
-                          "disabled": false,
-                          "label": "Option 1",
-                          "value": "0",
-                        },
-                        {
-                          "disabled": false,
-                          "label": "Option 2",
-                          "value": "1",
-                        },
-                        {
-                          "disabled": false,
-                          "label": "Option 3",
-                          "value": "2",
-                        },
-                      ]
-                    }
-                    value="0"
-                  />
-                </div>
+                />
                 <div
                   className="rjsf-field rjsf-field-object"
                 >
@@ -7203,48 +7766,115 @@ exports[`single fields optional data controls shows "add" optional controls when
                         />
                       </div>
                     </div>
-                    <div
-                      className="rjsf-field rjsf-field-string"
+                    <em
+                      id="root_optionalObjectWithOneofs__optionalMsg"
                     >
-                      <div
-                        style={
-                          {
-                            "display": "flex",
-                            "flexDirection": "column",
-                            "gap": "0.5rem",
-                            "marginBottom": "1rem",
-                          }
+                      No data for optional field
+                    </em>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </fieldset>
+        </div>
+      </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          style={
+            {
+              "display": "flex",
+              "flexDirection": "column",
+              "gap": "0.5rem",
+              "marginBottom": "1rem",
+            }
+          }
+        >
+          <fieldset
+            className="p-fieldset p-component"
+            data-pc-name="fieldset"
+            data-pc-section="root"
+            id={null}
+            onClick={null}
+            style={{}}
+          >
+            <div
+              aria-labelledby="null_header"
+              className="p-toggleable-content"
+              data-pc-section="toggleablecontent"
+              id="null_content"
+              role="region"
+            >
+              <div
+                className="p-fieldset-content"
+                data-pc-section="content"
+              >
+                <div
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                />
+                <div
+                  className="rjsf-field rjsf-field-array"
+                >
+                  <div
+                    style={
+                      {
+                        "display": "flex",
+                        "flexDirection": "column",
+                        "gap": "0.5rem",
+                        "marginBottom": "1rem",
+                      }
+                    }
+                  >
+                    <h5
+                      id="root_optionalArrayWithAnyofs__title"
+                      style={
+                        {
+                          "fontSize": "1.5rem",
+                          "margin": 0,
+                          "marginBottom": "0.2rem",
                         }
+                      }
+                    >
+                      optionalArrayWithAnyofs
+                       
+                    </h5>
+                    <fieldset
+                      className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field sortable-form-fields p-fieldset p-component"
+                      data-pc-name="fieldset"
+                      data-pc-section="root"
+                      formData={[]}
+                      id="root_optionalArrayWithAnyofs"
+                      onClick={null}
+                      style={{}}
+                    >
+                      <div
+                        aria-labelledby="root_optionalArrayWithAnyofs_header"
+                        className="p-toggleable-content"
+                        data-pc-section="toggleablecontent"
+                        id="root_optionalArrayWithAnyofs_content"
+                        role="region"
                       >
-                        <label
-                          htmlFor="root_optionalObjectWithOneofs_name"
+                        <div
+                          className="p-fieldset-content"
+                          data-pc-section="content"
                         >
-                          name
-                           
-                        </label>
-                        <input
-                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                          autoFocus={false}
-                          className="p-inputtext p-component p-disabled"
-                          data-pc-name="inputtext"
-                          data-pc-section="root"
-                          disabled={true}
-                          id="root_optionalObjectWithOneofs_name"
-                          name="root_optionalObjectWithOneofs_name"
-                          onBeforeInput={[Function]}
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          onInput={[Function]}
-                          onKeyDown={[Function]}
-                          onPaste={[Function]}
-                          placeholder=""
-                          required={false}
-                          type="text"
-                          value=""
-                        />
+                          <div>
+                            <div>
+                              <em
+                                id="root_optionalArrayWithAnyofs__optionalMsg"
+                              >
+                                No data for optional field
+                              </em>
+                            </div>
+                          </div>
+                        </div>
                       </div>
-                    </div>
+                    </fieldset>
                   </div>
                 </div>
               </div>
diff --git a/packages/react-bootstrap/test/__snapshots__/Form.test.tsx.snap b/packages/react-bootstrap/test/__snapshots__/Form.test.tsx.snap
index 7b3b67b456..83c439198b 100644
--- a/packages/react-bootstrap/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/react-bootstrap/test/__snapshots__/Form.test.tsx.snap
@@ -2191,6 +2191,173 @@ exports[`single fields optional data controls does not show optional controls wh
             </div>
           </div>
         </div>
+        <div
+          className="row"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="col-12"
+          >
+             
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div>
+                <label
+                  className="form-label"
+                  htmlFor="root_optionalArrayWithAnyofs"
+                >
+                  optionalArrayWithAnyofs
+                </label>
+                <div
+                  className="card"
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                >
+                  <div
+                    className="card-body"
+                  >
+                    <select
+                      aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                      className="form-select"
+                      disabled={false}
+                      id="root_optionalArrayWithAnyofs__anyof_select"
+                      multiple={false}
+                      name="root_optionalArrayWithAnyofs__anyof_select"
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onFocus={[Function]}
+                      value="0"
+                    >
+                      <option
+                        disabled={false}
+                        id="Option 1"
+                        value="0"
+                      >
+                        Option 1
+                      </option>
+                      <option
+                        disabled={false}
+                        id="Option 2"
+                        value="1"
+                      >
+                        Option 2
+                      </option>
+                      <option
+                        disabled={false}
+                        id="Option 3"
+                        value="2"
+                      >
+                        Option 3
+                      </option>
+                    </select>
+                  </div>
+                  <div
+                    className="card-body"
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-array"
+                    >
+                      <div>
+                        <div>
+                          <div
+                            className="p-0 m-0 row"
+                          >
+                            <div
+                              className="p-0 m-0 col"
+                            >
+                              <div
+                                className="my-1"
+                                id="root_optionalArrayWithAnyofs__title"
+                              >
+                                <h5>
+                                  optionalArrayWithAnyofs
+                                </h5>
+                                <hr
+                                  className="border-0 bg-secondary mt-0"
+                                  style={
+                                    {
+                                      "height": "1px",
+                                    }
+                                  }
+                                />
+                              </div>
+                              <div
+                                className="p-0 m-0 container-fluid"
+                              >
+                                <div
+                                  className="container"
+                                >
+                                  <div
+                                    className="mt-2 row"
+                                  >
+                                    <div
+                                      className="col-9"
+                                    />
+                                    <div
+                                      className="py-4 col-lg-3 col-3 col-3"
+                                    >
+                                      <button
+                                        className="ml-1 rjsf-array-item-add btn btn-primary"
+                                        disabled={false}
+                                        id="root_optionalArrayWithAnyofs__add"
+                                        onClick={[Function]}
+                                        style={
+                                          {
+                                            "width": "100%",
+                                          }
+                                        }
+                                        title="Add Item"
+                                        type="button"
+                                      >
+                                        <svg
+                                          fill="currentColor"
+                                          height="1em"
+                                          stroke="currentColor"
+                                          strokeWidth="0"
+                                          style={
+                                            {
+                                              "color": undefined,
+                                            }
+                                          }
+                                          viewBox="0 0 16 16"
+                                          width="1em"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            clipRule="evenodd"
+                                            d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z"
+                                            fillRule="evenodd"
+                                          />
+                                          <path
+                                            clipRule="evenodd"
+                                            d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z"
+                                            fillRule="evenodd"
+                                          />
+                                        </svg>
+                                      </button>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -3228,6 +3395,173 @@ exports[`single fields optional data controls does not show optional controls wh
             </div>
           </div>
         </div>
+        <div
+          className="row"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="col-12"
+          >
+             
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div>
+                <label
+                  className="form-label"
+                  htmlFor="root_optionalArrayWithAnyofs"
+                >
+                  optionalArrayWithAnyofs
+                </label>
+                <div
+                  className="card"
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                >
+                  <div
+                    className="card-body"
+                  >
+                    <select
+                      aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                      className="form-select"
+                      disabled={true}
+                      id="root_optionalArrayWithAnyofs__anyof_select"
+                      multiple={false}
+                      name="root_optionalArrayWithAnyofs__anyof_select"
+                      onBlur={[Function]}
+                      onChange={[Function]}
+                      onFocus={[Function]}
+                      value="0"
+                    >
+                      <option
+                        disabled={false}
+                        id="Option 1"
+                        value="0"
+                      >
+                        Option 1
+                      </option>
+                      <option
+                        disabled={false}
+                        id="Option 2"
+                        value="1"
+                      >
+                        Option 2
+                      </option>
+                      <option
+                        disabled={false}
+                        id="Option 3"
+                        value="2"
+                      >
+                        Option 3
+                      </option>
+                    </select>
+                  </div>
+                  <div
+                    className="card-body"
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-array"
+                    >
+                      <div>
+                        <div>
+                          <div
+                            className="p-0 m-0 row"
+                          >
+                            <div
+                              className="p-0 m-0 col"
+                            >
+                              <div
+                                className="my-1"
+                                id="root_optionalArrayWithAnyofs__title"
+                              >
+                                <h5>
+                                  optionalArrayWithAnyofs
+                                </h5>
+                                <hr
+                                  className="border-0 bg-secondary mt-0"
+                                  style={
+                                    {
+                                      "height": "1px",
+                                    }
+                                  }
+                                />
+                              </div>
+                              <div
+                                className="p-0 m-0 container-fluid"
+                              >
+                                <div
+                                  className="container"
+                                >
+                                  <div
+                                    className="mt-2 row"
+                                  >
+                                    <div
+                                      className="col-9"
+                                    />
+                                    <div
+                                      className="py-4 col-lg-3 col-3 col-3"
+                                    >
+                                      <button
+                                        className="ml-1 rjsf-array-item-add btn btn-primary"
+                                        disabled={true}
+                                        id="root_optionalArrayWithAnyofs__add"
+                                        onClick={[Function]}
+                                        style={
+                                          {
+                                            "width": "100%",
+                                          }
+                                        }
+                                        title="Add Item"
+                                        type="button"
+                                      >
+                                        <svg
+                                          fill="currentColor"
+                                          height="1em"
+                                          stroke="currentColor"
+                                          strokeWidth="0"
+                                          style={
+                                            {
+                                              "color": undefined,
+                                            }
+                                          }
+                                          viewBox="0 0 16 16"
+                                          width="1em"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            clipRule="evenodd"
+                                            d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z"
+                                            fillRule="evenodd"
+                                          />
+                                          <path
+                                            clipRule="evenodd"
+                                            d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z"
+                                            fillRule="evenodd"
+                                          />
+                                        </svg>
+                                      </button>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -4318,12 +4652,6 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-undefined"
             >
               <div>
-                <label
-                  className="form-label"
-                  htmlFor="root_optionalObjectWithOneofs"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
                   className="card"
                   style={
@@ -4332,58 +4660,78 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                     }
                   }
                 >
+                  <div
+                    className="card-body"
+                  />
                   <div
                     className="card-body"
                   >
-                    <select
-                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                      className="form-select"
-                      disabled={false}
-                      id="root_optionalObjectWithOneofs__oneof_select"
-                      multiple={false}
-                      name="root_optionalObjectWithOneofs__oneof_select"
-                      onBlur={[Function]}
-                      onChange={[Function]}
-                      onFocus={[Function]}
-                      value="0"
-                    >
-                      <option
-                        disabled={false}
-                        id="Option 1"
-                        value="0"
-                      >
-                        Option 1
-                      </option>
-                      <option
-                        disabled={false}
-                        id="Option 2"
-                        value="1"
-                      >
-                        Option 2
-                      </option>
-                      <option
-                        disabled={false}
-                        id="Option 3"
-                        value="2"
-                      >
-                        Option 3
-                      </option>
-                    </select>
-                  </div>
-                  <div
-                    className="card-body"
-                  >
-                    <div
-                      className="rjsf-field rjsf-field-object"
+                    <div
+                      className="rjsf-field rjsf-field-object"
                     >
                       <div>
                         <div
                           className="my-1"
                           id="root_optionalObjectWithOneofs__title"
                         >
-                          <h5>
-                            optionalObjectWithOneofs
-                          </h5>
+                          <div
+                            className="p-0 container-fluid"
+                          >
+                            <div
+                              className="row"
+                            >
+                              <div
+                                className="col-11"
+                              >
+                                <h5>
+                                  optionalObjectWithOneofs
+                                </h5>
+                              </div>
+                              <div
+                                className="col-1"
+                                style={
+                                  {
+                                    "marginLeft": "-5px",
+                                  }
+                                }
+                              >
+                                <button
+                                  className="btn btn-secondary btn-sm"
+                                  disabled={false}
+                                  id="root_optionalObjectWithOneofs__optionalAdd"
+                                  onClick={[Function]}
+                                  title="Add data for optional field"
+                                  type="button"
+                                >
+                                  <svg
+                                    fill="currentColor"
+                                    height="1em"
+                                    stroke="currentColor"
+                                    strokeWidth="0"
+                                    style={
+                                      {
+                                        "color": undefined,
+                                      }
+                                    }
+                                    viewBox="0 0 16 16"
+                                    width="1em"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      clipRule="evenodd"
+                                      d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z"
+                                      fillRule="evenodd"
+                                    />
+                                    <path
+                                      clipRule="evenodd"
+                                      d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z"
+                                      fillRule="evenodd"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
                           <hr
                             className="border-0 bg-secondary mt-0"
                             style={
@@ -4395,47 +4743,130 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         </div>
                         <div
                           className="p-0 container-fluid"
-                        >
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="row"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="col-12"
+          >
+             
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div>
+                <div
+                  className="card"
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                >
+                  <div
+                    className="card-body"
+                  />
+                  <div
+                    className="card-body"
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-array"
+                    >
+                      <div>
+                        <div>
                           <div
-                            className="row"
-                            style={
-                              {
-                                "marginBottom": "10px",
-                              }
-                            }
+                            className="p-0 m-0 row"
                           >
                             <div
-                              className="col-12"
+                              className="p-0 m-0 col"
                             >
-                               
                               <div
-                                className="rjsf-field rjsf-field-string"
+                                className="my-1"
+                                id="root_optionalArrayWithAnyofs__title"
                               >
-                                <div>
-                                  <label
-                                    className="form-label"
-                                    htmlFor="root_optionalObjectWithOneofs_name"
+                                <div
+                                  className="p-0 container-fluid"
+                                >
+                                  <div
+                                    className="row"
                                   >
-                                    name
-                                  </label>
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="form-control"
-                                    disabled={false}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    readOnly={true}
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
+                                    <div
+                                      className="col-11"
+                                    >
+                                      <h5>
+                                        optionalArrayWithAnyofs
+                                      </h5>
+                                    </div>
+                                    <div
+                                      className="col-1"
+                                      style={
+                                        {
+                                          "marginLeft": "-5px",
+                                        }
+                                      }
+                                    >
+                                      <button
+                                        className="btn btn-secondary btn-sm"
+                                        disabled={false}
+                                        id="root_optionalArrayWithAnyofs__optionalAdd"
+                                        onClick={[Function]}
+                                        title="Add data for optional field"
+                                        type="button"
+                                      >
+                                        <svg
+                                          fill="currentColor"
+                                          height="1em"
+                                          stroke="currentColor"
+                                          strokeWidth="0"
+                                          style={
+                                            {
+                                              "color": undefined,
+                                            }
+                                          }
+                                          viewBox="0 0 16 16"
+                                          width="1em"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            clipRule="evenodd"
+                                            d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z"
+                                            fillRule="evenodd"
+                                          />
+                                          <path
+                                            clipRule="evenodd"
+                                            d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z"
+                                            fillRule="evenodd"
+                                          />
+                                        </svg>
+                                      </button>
+                                    </div>
+                                  </div>
                                 </div>
+                                <hr
+                                  className="border-0 bg-secondary mt-0"
+                                  style={
+                                    {
+                                      "height": "1px",
+                                    }
+                                  }
+                                />
                               </div>
+                              <div
+                                className="p-0 m-0 container-fluid"
+                              />
                             </div>
                           </div>
                         </div>
@@ -5343,12 +5774,6 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               className="rjsf-field rjsf-field-undefined"
             >
               <div>
-                <label
-                  className="form-label"
-                  htmlFor="root_optionalObjectWithOneofs"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
                   className="card"
                   style={
@@ -5359,42 +5784,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                 >
                   <div
                     className="card-body"
-                  >
-                    <select
-                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                      className="form-select"
-                      disabled={true}
-                      id="root_optionalObjectWithOneofs__oneof_select"
-                      multiple={false}
-                      name="root_optionalObjectWithOneofs__oneof_select"
-                      onBlur={[Function]}
-                      onChange={[Function]}
-                      onFocus={[Function]}
-                      value="0"
-                    >
-                      <option
-                        disabled={false}
-                        id="Option 1"
-                        value="0"
-                      >
-                        Option 1
-                      </option>
-                      <option
-                        disabled={false}
-                        id="Option 2"
-                        value="1"
-                      >
-                        Option 2
-                      </option>
-                      <option
-                        disabled={false}
-                        id="Option 3"
-                        value="2"
-                      >
-                        Option 3
-                      </option>
-                    </select>
-                  </div>
+                  />
                   <div
                     className="card-body"
                   >
@@ -5421,45 +5811,85 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         <div
                           className="p-0 container-fluid"
                         >
-                          <div
-                            className="row"
-                            style={
-                              {
-                                "marginBottom": "10px",
-                              }
-                            }
+                          <em
+                            id="root_optionalObjectWithOneofs__optionalMsg"
                           >
-                            <div
-                              className="col-12"
-                            >
-                               
-                              <div
-                                className="rjsf-field rjsf-field-string"
-                              >
-                                <div>
-                                  <label
-                                    className="form-label"
-                                    htmlFor="root_optionalObjectWithOneofs_name"
-                                  >
-                                    name
-                                  </label>
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="form-control"
-                                    disabled={false}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    readOnly={true}
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
-                                </div>
+                            No data for optional field
+                          </em>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="row"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="col-12"
+          >
+             
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div>
+                <div
+                  className="card"
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                >
+                  <div
+                    className="card-body"
+                  />
+                  <div
+                    className="card-body"
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-array"
+                    >
+                      <div>
+                        <div>
+                          <div
+                            className="p-0 m-0 row"
+                          >
+                            <div
+                              className="p-0 m-0 col"
+                            >
+                              <div
+                                className="my-1"
+                                id="root_optionalArrayWithAnyofs__title"
+                              >
+                                <h5>
+                                  optionalArrayWithAnyofs
+                                </h5>
+                                <hr
+                                  className="border-0 bg-secondary mt-0"
+                                  style={
+                                    {
+                                      "height": "1px",
+                                    }
+                                  }
+                                />
+                              </div>
+                              <div
+                                className="p-0 m-0 container-fluid"
+                              >
+                                <em
+                                  id="root_optionalArrayWithAnyofs__optionalMsg"
+                                >
+                                  No data for optional field
+                                </em>
                               </div>
                             </div>
                           </div>
@@ -5916,12 +6346,6 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-undefined"
             >
               <div>
-                <label
-                  className="form-label"
-                  htmlFor="root_optionalObjectWithOneofs"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
                   className="card"
                   style={
@@ -5932,42 +6356,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                 >
                   <div
                     className="card-body"
-                  >
-                    <select
-                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                      className="form-select"
-                      disabled={false}
-                      id="root_optionalObjectWithOneofs__oneof_select"
-                      multiple={false}
-                      name="root_optionalObjectWithOneofs__oneof_select"
-                      onBlur={[Function]}
-                      onChange={[Function]}
-                      onFocus={[Function]}
-                      value="0"
-                    >
-                      <option
-                        disabled={false}
-                        id="Option 1"
-                        value="0"
-                      >
-                        Option 1
-                      </option>
-                      <option
-                        disabled={false}
-                        id="Option 2"
-                        value="1"
-                      >
-                        Option 2
-                      </option>
-                      <option
-                        disabled={false}
-                        id="Option 3"
-                        value="2"
-                      >
-                        Option 3
-                      </option>
-                    </select>
-                  </div>
+                  />
                   <div
                     className="card-body"
                   >
@@ -5979,9 +6368,64 @@ exports[`single fields optional data controls shows "add" optional controls when
                           className="my-1"
                           id="root_optionalObjectWithOneofs__title"
                         >
-                          <h5>
-                            optionalObjectWithOneofs
-                          </h5>
+                          <div
+                            className="p-0 container-fluid"
+                          >
+                            <div
+                              className="row"
+                            >
+                              <div
+                                className="col-11"
+                              >
+                                <h5>
+                                  optionalObjectWithOneofs
+                                </h5>
+                              </div>
+                              <div
+                                className="col-1"
+                                style={
+                                  {
+                                    "marginLeft": "-5px",
+                                  }
+                                }
+                              >
+                                <button
+                                  className="btn btn-secondary btn-sm"
+                                  disabled={false}
+                                  id="root_optionalObjectWithOneofs__optionalAdd"
+                                  onClick={[Function]}
+                                  title="Add data for optional field"
+                                  type="button"
+                                >
+                                  <svg
+                                    fill="currentColor"
+                                    height="1em"
+                                    stroke="currentColor"
+                                    strokeWidth="0"
+                                    style={
+                                      {
+                                        "color": undefined,
+                                      }
+                                    }
+                                    viewBox="0 0 16 16"
+                                    width="1em"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                  >
+                                    <path
+                                      clipRule="evenodd"
+                                      d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z"
+                                      fillRule="evenodd"
+                                    />
+                                    <path
+                                      clipRule="evenodd"
+                                      d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z"
+                                      fillRule="evenodd"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
+                            </div>
+                          </div>
                           <hr
                             className="border-0 bg-secondary mt-0"
                             style={
@@ -5993,47 +6437,130 @@ exports[`single fields optional data controls shows "add" optional controls when
                         </div>
                         <div
                           className="p-0 container-fluid"
-                        >
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="row"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="col-12"
+          >
+             
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div>
+                <div
+                  className="card"
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                >
+                  <div
+                    className="card-body"
+                  />
+                  <div
+                    className="card-body"
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-array"
+                    >
+                      <div>
+                        <div>
                           <div
-                            className="row"
-                            style={
-                              {
-                                "marginBottom": "10px",
-                              }
-                            }
+                            className="p-0 m-0 row"
                           >
                             <div
-                              className="col-12"
+                              className="p-0 m-0 col"
                             >
-                               
                               <div
-                                className="rjsf-field rjsf-field-string"
+                                className="my-1"
+                                id="root_optionalArrayWithAnyofs__title"
                               >
-                                <div>
-                                  <label
-                                    className="form-label"
-                                    htmlFor="root_optionalObjectWithOneofs_name"
+                                <div
+                                  className="p-0 container-fluid"
+                                >
+                                  <div
+                                    className="row"
                                   >
-                                    name
-                                  </label>
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="form-control"
-                                    disabled={false}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    readOnly={true}
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
+                                    <div
+                                      className="col-11"
+                                    >
+                                      <h5>
+                                        optionalArrayWithAnyofs
+                                      </h5>
+                                    </div>
+                                    <div
+                                      className="col-1"
+                                      style={
+                                        {
+                                          "marginLeft": "-5px",
+                                        }
+                                      }
+                                    >
+                                      <button
+                                        className="btn btn-secondary btn-sm"
+                                        disabled={false}
+                                        id="root_optionalArrayWithAnyofs__optionalAdd"
+                                        onClick={[Function]}
+                                        title="Add data for optional field"
+                                        type="button"
+                                      >
+                                        <svg
+                                          fill="currentColor"
+                                          height="1em"
+                                          stroke="currentColor"
+                                          strokeWidth="0"
+                                          style={
+                                            {
+                                              "color": undefined,
+                                            }
+                                          }
+                                          viewBox="0 0 16 16"
+                                          width="1em"
+                                          xmlns="http://www.w3.org/2000/svg"
+                                        >
+                                          <path
+                                            clipRule="evenodd"
+                                            d="M8 3.5a.5.5 0 01.5.5v4a.5.5 0 01-.5.5H4a.5.5 0 010-1h3.5V4a.5.5 0 01.5-.5z"
+                                            fillRule="evenodd"
+                                          />
+                                          <path
+                                            clipRule="evenodd"
+                                            d="M7.5 8a.5.5 0 01.5-.5h4a.5.5 0 010 1H8.5V12a.5.5 0 01-1 0V8z"
+                                            fillRule="evenodd"
+                                          />
+                                        </svg>
+                                      </button>
+                                    </div>
+                                  </div>
                                 </div>
+                                <hr
+                                  className="border-0 bg-secondary mt-0"
+                                  style={
+                                    {
+                                      "height": "1px",
+                                    }
+                                  }
+                                />
                               </div>
+                              <div
+                                className="p-0 m-0 container-fluid"
+                              />
                             </div>
                           </div>
                         </div>
@@ -6391,12 +6918,6 @@ exports[`single fields optional data controls shows "add" optional controls when
               className="rjsf-field rjsf-field-undefined"
             >
               <div>
-                <label
-                  className="form-label"
-                  htmlFor="root_optionalObjectWithOneofs"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
                   className="card"
                   style={
@@ -6407,42 +6928,7 @@ exports[`single fields optional data controls shows "add" optional controls when
                 >
                   <div
                     className="card-body"
-                  >
-                    <select
-                      aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                      className="form-select"
-                      disabled={true}
-                      id="root_optionalObjectWithOneofs__oneof_select"
-                      multiple={false}
-                      name="root_optionalObjectWithOneofs__oneof_select"
-                      onBlur={[Function]}
-                      onChange={[Function]}
-                      onFocus={[Function]}
-                      value="0"
-                    >
-                      <option
-                        disabled={false}
-                        id="Option 1"
-                        value="0"
-                      >
-                        Option 1
-                      </option>
-                      <option
-                        disabled={false}
-                        id="Option 2"
-                        value="1"
-                      >
-                        Option 2
-                      </option>
-                      <option
-                        disabled={false}
-                        id="Option 3"
-                        value="2"
-                      >
-                        Option 3
-                      </option>
-                    </select>
-                  </div>
+                  />
                   <div
                     className="card-body"
                   >
@@ -6469,45 +6955,85 @@ exports[`single fields optional data controls shows "add" optional controls when
                         <div
                           className="p-0 container-fluid"
                         >
+                          <em
+                            id="root_optionalObjectWithOneofs__optionalMsg"
+                          >
+                            No data for optional field
+                          </em>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className="row"
+          style={
+            {
+              "marginBottom": "10px",
+            }
+          }
+        >
+          <div
+            className="col-12"
+          >
+             
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div>
+                <div
+                  className="card"
+                  style={
+                    {
+                      "marginBottom": "1rem",
+                    }
+                  }
+                >
+                  <div
+                    className="card-body"
+                  />
+                  <div
+                    className="card-body"
+                  >
+                    <div
+                      className="rjsf-field rjsf-field-array"
+                    >
+                      <div>
+                        <div>
                           <div
-                            className="row"
-                            style={
-                              {
-                                "marginBottom": "10px",
-                              }
-                            }
+                            className="p-0 m-0 row"
                           >
                             <div
-                              className="col-12"
+                              className="p-0 m-0 col"
                             >
-                               
                               <div
-                                className="rjsf-field rjsf-field-string"
+                                className="my-1"
+                                id="root_optionalArrayWithAnyofs__title"
                               >
-                                <div>
-                                  <label
-                                    className="form-label"
-                                    htmlFor="root_optionalObjectWithOneofs_name"
-                                  >
-                                    name
-                                  </label>
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="form-control"
-                                    disabled={true}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    readOnly={true}
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
-                                </div>
+                                <h5>
+                                  optionalArrayWithAnyofs
+                                </h5>
+                                <hr
+                                  className="border-0 bg-secondary mt-0"
+                                  style={
+                                    {
+                                      "height": "1px",
+                                    }
+                                  }
+                                />
+                              </div>
+                              <div
+                                className="p-0 m-0 container-fluid"
+                              >
+                                <em
+                                  id="root_optionalArrayWithAnyofs__optionalMsg"
+                                >
+                                  No data for optional field
+                                </em>
                               </div>
                             </div>
                           </div>
diff --git a/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap b/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
index 263d246ba4..01ef1da13f 100644
--- a/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/semantic-ui/test/__snapshots__/Form.test.tsx.snap
@@ -1917,6 +1917,166 @@ exports[`single fields optional data controls does not show optional controls wh
           </div>
         </div>
       </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          className="grouped equal width fields"
+        >
+          <div>
+            <div>
+              <div
+                className="field"
+              >
+                <label
+                  htmlFor="root_optionalArrayWithAnyofs__anyof_select"
+                >
+                  optionalArrayWithAnyofs
+                </label>
+                <div
+                  aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                  aria-disabled={false}
+                  aria-expanded={false}
+                  aria-multiselectable={false}
+                  className="ui fluid selection scrolling dropdown"
+                  id="root_optionalArrayWithAnyofs__anyof_select"
+                  inverted="false"
+                  name="root_optionalArrayWithAnyofs__anyof_select"
+                  onBlur={[Function]}
+                  onChange={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  onKeyDown={[Function]}
+                  onMouseDown={[Function]}
+                  readOnly={false}
+                  role="listbox"
+                  tabIndex={0}
+                >
+                  <div
+                    aria-atomic={true}
+                    aria-live="polite"
+                    className="divider text"
+                    role="alert"
+                  >
+                    Option 1
+                  </div>
+                  <i
+                    aria-hidden="true"
+                    className="dropdown icon"
+                    onClick={[Function]}
+                  />
+                  <div
+                    className="menu transition"
+                  >
+                    <div
+                      aria-checked={true}
+                      aria-disabled={false}
+                      aria-selected={true}
+                      className="active selected item"
+                      onClick={[Function]}
+                      role="option"
+                      style={
+                        {
+                          "pointerEvents": "all",
+                        }
+                      }
+                    >
+                      <span
+                        className="text"
+                      >
+                        Option 1
+                      </span>
+                    </div>
+                    <div
+                      aria-checked={false}
+                      aria-disabled={false}
+                      aria-selected={false}
+                      className="item"
+                      onClick={[Function]}
+                      role="option"
+                      style={
+                        {
+                          "pointerEvents": "all",
+                        }
+                      }
+                    >
+                      <span
+                        className="text"
+                      >
+                        Option 2
+                      </span>
+                    </div>
+                    <div
+                      aria-checked={false}
+                      aria-disabled={false}
+                      aria-selected={false}
+                      className="item"
+                      onClick={[Function]}
+                      role="option"
+                      style={
+                        {
+                          "pointerEvents": "all",
+                        }
+                      }
+                    >
+                      <span
+                        className="text"
+                      >
+                        Option 3
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              className="rjsf-field rjsf-field-array"
+            >
+              <div
+                className="grouped equal width fields"
+              >
+                <div
+                  className="rjsf-field rjsf-field-array rjsf-field-array-of-string sortable-form-fields"
+                >
+                  <h5
+                    className="ui dividing header"
+                    id="root_optionalArrayWithAnyofs__title"
+                  >
+                    optionalArrayWithAnyofs
+                  </h5>
+                  <div>
+                    <div
+                      className="row array-item-list"
+                    />
+                    <div
+                      style={
+                        {
+                          "marginTop": "1rem",
+                          "position": "relative",
+                          "textAlign": "right",
+                        }
+                      }
+                    >
+                      <button
+                        className="ui tiny icon button rjsf-array-item-add"
+                        id="root_optionalArrayWithAnyofs__add"
+                        onClick={[Function]}
+                        title="Add Item"
+                      >
+                        <i
+                          aria-hidden="true"
+                          className="plus icon"
+                          onClick={[Function]}
+                        />
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
   <button
@@ -2547,108 +2707,270 @@ exports[`single fields optional data controls does not show optional controls wh
           </div>
         </div>
       </div>
-    </div>
-  </div>
-  <button
-    className="ui primary button"
-    onClick={[Function]}
-    type="submit"
-  >
-    Submit
-  </button>
-</form>
-`;
-
-exports[`single fields optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 1`] = `
-<form
-  className="ui form rjsf"
-  noValidate={false}
-  onSubmit={[Function]}
->
-  <div
-    className="rjsf-field rjsf-field-object"
-  >
-    <div
-      className="grouped equal width fields"
-    >
-      <h5
-        className="ui dividing header"
-        id="root__title"
-      >
-        test
-      </h5>
       <div
-        className="rjsf-field rjsf-field-object"
+        className="rjsf-field rjsf-field-undefined"
       >
         <div
           className="grouped equal width fields"
         >
-          <div
-            className="ui relaxed grid"
-            colums={2}
-          >
-            <div
-              className="fourteen wide column"
-              style={
-                {
-                  "paddingRight": 0,
-                }
-              }
-            >
-              <h5
-                className="ui dividing header"
-                id="root_nestedObjectOptional__title"
-              >
-                nestedObjectOptional
-              </h5>
-            </div>
-            <div
-              className="two wide column"
-            >
-              <button
-                className="ui mini icon button rjsf-remove-optional-data"
-                id="root_nestedObjectOptional__optionalRemove"
-                onClick={[Function]}
-                title="Remove data for optional field"
-              >
-                <i
-                  aria-hidden="true"
-                  className="trash icon"
-                  onClick={[Function]}
-                />
-              </button>
-            </div>
-          </div>
-          <div
-            className="rjsf-field rjsf-field-string"
-          >
-            <div
-              className="grouped equal width fields"
-            >
+          <div>
+            <div>
               <div
                 className="field"
               >
                 <label
-                  htmlFor="root_nestedObjectOptional_test"
+                  htmlFor="root_optionalArrayWithAnyofs__anyof_select"
                 >
-                  test
+                  optionalArrayWithAnyofs
                 </label>
                 <div
-                  className="ui fluid input"
+                  aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                  aria-disabled={false}
+                  aria-expanded={false}
+                  aria-multiselectable={false}
+                  className="ui fluid selection scrolling dropdown"
+                  id="root_optionalArrayWithAnyofs__anyof_select"
+                  inverted="false"
+                  name="root_optionalArrayWithAnyofs__anyof_select"
+                  onBlur={[Function]}
+                  onChange={[Function]}
+                  onClick={[Function]}
+                  onFocus={[Function]}
+                  onKeyDown={[Function]}
+                  onMouseDown={[Function]}
+                  readOnly={true}
+                  role="listbox"
+                  tabIndex={0}
                 >
-                  <input
-                    aria-describedby="root_nestedObjectOptional_test__error root_nestedObjectOptional_test__description root_nestedObjectOptional_test__help"
-                    autoFocus={false}
-                    disabled={false}
-                    id="root_nestedObjectOptional_test"
-                    name="root_nestedObjectOptional_test"
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onFocus={[Function]}
-                    placeholder=""
-                    required={false}
-                    type="text"
-                    value="foo"
+                  <div
+                    aria-atomic={true}
+                    aria-live="polite"
+                    className="divider text"
+                    role="alert"
+                  >
+                    Option 1
+                  </div>
+                  <i
+                    aria-hidden="true"
+                    className="dropdown icon"
+                    onClick={[Function]}
+                  />
+                  <div
+                    className="menu transition"
+                  >
+                    <div
+                      aria-checked={true}
+                      aria-disabled={false}
+                      aria-selected={true}
+                      className="active selected item"
+                      onClick={[Function]}
+                      role="option"
+                      style={
+                        {
+                          "pointerEvents": "all",
+                        }
+                      }
+                    >
+                      <span
+                        className="text"
+                      >
+                        Option 1
+                      </span>
+                    </div>
+                    <div
+                      aria-checked={false}
+                      aria-disabled={false}
+                      aria-selected={false}
+                      className="item"
+                      onClick={[Function]}
+                      role="option"
+                      style={
+                        {
+                          "pointerEvents": "all",
+                        }
+                      }
+                    >
+                      <span
+                        className="text"
+                      >
+                        Option 2
+                      </span>
+                    </div>
+                    <div
+                      aria-checked={false}
+                      aria-disabled={false}
+                      aria-selected={false}
+                      className="item"
+                      onClick={[Function]}
+                      role="option"
+                      style={
+                        {
+                          "pointerEvents": "all",
+                        }
+                      }
+                    >
+                      <span
+                        className="text"
+                      >
+                        Option 3
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              className="rjsf-field rjsf-field-array"
+            >
+              <div
+                className="grouped equal width fields"
+              >
+                <div
+                  className="rjsf-field rjsf-field-array rjsf-field-array-of-string sortable-form-fields"
+                >
+                  <h5
+                    className="ui dividing header"
+                    id="root_optionalArrayWithAnyofs__title"
+                  >
+                    optionalArrayWithAnyofs
+                  </h5>
+                  <div>
+                    <div
+                      className="row array-item-list"
+                    />
+                    <div
+                      style={
+                        {
+                          "marginTop": "1rem",
+                          "position": "relative",
+                          "textAlign": "right",
+                        }
+                      }
+                    >
+                      <button
+                        className="ui tiny icon disabled button rjsf-array-item-add"
+                        disabled={true}
+                        id="root_optionalArrayWithAnyofs__add"
+                        onClick={[Function]}
+                        tabIndex={-1}
+                        title="Add Item"
+                      >
+                        <i
+                          aria-hidden="true"
+                          className="plus icon"
+                          onClick={[Function]}
+                        />
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <button
+    className="ui primary button"
+    onClick={[Function]}
+    type="submit"
+  >
+    Submit
+  </button>
+</form>
+`;
+
+exports[`single fields optional data controls shows "add" and "remove" optional controls when turned on in uiSchema and formData 1`] = `
+<form
+  className="ui form rjsf"
+  noValidate={false}
+  onSubmit={[Function]}
+>
+  <div
+    className="rjsf-field rjsf-field-object"
+  >
+    <div
+      className="grouped equal width fields"
+    >
+      <h5
+        className="ui dividing header"
+        id="root__title"
+      >
+        test
+      </h5>
+      <div
+        className="rjsf-field rjsf-field-object"
+      >
+        <div
+          className="grouped equal width fields"
+        >
+          <div
+            className="ui relaxed grid"
+            colums={2}
+          >
+            <div
+              className="fourteen wide column"
+              style={
+                {
+                  "paddingRight": 0,
+                }
+              }
+            >
+              <h5
+                className="ui dividing header"
+                id="root_nestedObjectOptional__title"
+              >
+                nestedObjectOptional
+              </h5>
+            </div>
+            <div
+              className="two wide column"
+            >
+              <button
+                className="ui mini icon button rjsf-remove-optional-data"
+                id="root_nestedObjectOptional__optionalRemove"
+                onClick={[Function]}
+                title="Remove data for optional field"
+              >
+                <i
+                  aria-hidden="true"
+                  className="trash icon"
+                  onClick={[Function]}
+                />
+              </button>
+            </div>
+          </div>
+          <div
+            className="rjsf-field rjsf-field-string"
+          >
+            <div
+              className="grouped equal width fields"
+            >
+              <div
+                className="field"
+              >
+                <label
+                  htmlFor="root_nestedObjectOptional_test"
+                >
+                  test
+                </label>
+                <div
+                  className="ui fluid input"
+                >
+                  <input
+                    aria-describedby="root_nestedObjectOptional_test__error root_nestedObjectOptional_test__description root_nestedObjectOptional_test__help"
+                    autoFocus={false}
+                    disabled={false}
+                    id="root_nestedObjectOptional_test"
+                    name="root_nestedObjectOptional_test"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    placeholder=""
+                    required={false}
+                    type="text"
+                    value="foo"
                   />
                 </div>
               </div>
@@ -3143,158 +3465,112 @@ exports[`single fields optional data controls shows "add" and "remove" optional
           className="grouped equal width fields"
         >
           <div>
-            <div>
+            <div />
+            <div
+              className="rjsf-field rjsf-field-object"
+            >
               <div
-                className="field"
+                className="grouped equal width fields"
               >
-                <label
-                  htmlFor="root_optionalObjectWithOneofs__oneof_select"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
-                  aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                  aria-disabled={false}
-                  aria-expanded={false}
-                  aria-multiselectable={false}
-                  className="ui fluid selection scrolling dropdown"
-                  id="root_optionalObjectWithOneofs__oneof_select"
-                  inverted="false"
-                  name="root_optionalObjectWithOneofs__oneof_select"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onMouseDown={[Function]}
-                  readOnly={false}
-                  role="listbox"
-                  tabIndex={0}
+                  className="ui relaxed grid"
+                  colums={2}
                 >
                   <div
-                    aria-atomic={true}
-                    aria-live="polite"
-                    className="divider text"
-                    role="alert"
+                    className="fourteen wide column"
+                    style={
+                      {
+                        "paddingRight": 0,
+                      }
+                    }
                   >
-                    Option 1
+                    <h5
+                      className="ui dividing header"
+                      id="root_optionalObjectWithOneofs__title"
+                    >
+                      optionalObjectWithOneofs
+                    </h5>
                   </div>
-                  <i
-                    aria-hidden="true"
-                    className="dropdown icon"
-                    onClick={[Function]}
-                  />
                   <div
-                    className="menu transition"
+                    className="two wide column"
                   >
-                    <div
-                      aria-checked={true}
-                      aria-disabled={false}
-                      aria-selected={true}
-                      className="active selected item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 1
-                      </span>
-                    </div>
-                    <div
-                      aria-checked={false}
-                      aria-disabled={false}
-                      aria-selected={false}
-                      className="item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 2
-                      </span>
-                    </div>
-                    <div
-                      aria-checked={false}
-                      aria-disabled={false}
-                      aria-selected={false}
-                      className="item"
+                    <button
+                      className="ui mini icon button rjsf-add-optional-data"
+                      id="root_optionalObjectWithOneofs__optionalAdd"
                       onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
+                      title="Add data for optional field"
                     >
-                      <span
-                        className="text"
-                      >
-                        Option 3
-                      </span>
-                    </div>
+                      <i
+                        aria-hidden="true"
+                        className="plus icon"
+                        onClick={[Function]}
+                      />
+                    </button>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          className="grouped equal width fields"
+        >
+          <div>
+            <div />
             <div
-              className="rjsf-field rjsf-field-object"
+              className="rjsf-field rjsf-field-array"
             >
               <div
                 className="grouped equal width fields"
               >
-                <h5
-                  className="ui dividing header"
-                  id="root_optionalObjectWithOneofs__title"
-                >
-                  optionalObjectWithOneofs
-                </h5>
                 <div
-                  className="rjsf-field rjsf-field-string"
+                  className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field sortable-form-fields"
                 >
                   <div
-                    className="grouped equal width fields"
+                    className="ui relaxed grid"
+                    colums={2}
                   >
                     <div
-                      className="disabled field"
+                      className="fourteen wide column"
+                      style={
+                        {
+                          "paddingRight": 0,
+                        }
+                      }
                     >
-                      <label
-                        htmlFor="root_optionalObjectWithOneofs_name"
+                      <h5
+                        className="ui dividing header"
+                        id="root_optionalArrayWithAnyofs__title"
                       >
-                        name
-                      </label>
-                      <div
-                        className="ui disabled fluid input"
+                        optionalArrayWithAnyofs
+                      </h5>
+                    </div>
+                    <div
+                      className="two wide column"
+                    >
+                      <button
+                        className="ui mini icon button rjsf-add-optional-data"
+                        id="root_optionalArrayWithAnyofs__optionalAdd"
+                        onClick={[Function]}
+                        title="Add data for optional field"
                       >
-                        <input
-                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                          autoFocus={false}
-                          disabled={true}
-                          id="root_optionalObjectWithOneofs_name"
-                          name="root_optionalObjectWithOneofs_name"
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          placeholder=""
-                          required={false}
-                          tabIndex={-1}
-                          type="text"
-                          value=""
+                        <i
+                          aria-hidden="true"
+                          className="plus icon"
+                          onClick={[Function]}
                         />
-                      </div>
+                      </button>
                     </div>
                   </div>
+                  <div>
+                    <div
+                      className="row array-item-list"
+                    />
+                  </div>
                 </div>
               </div>
             </div>
@@ -3802,111 +4078,7 @@ exports[`single fields optional data controls shows "add" and "remove" optional
           className="grouped equal width fields"
         >
           <div>
-            <div>
-              <div
-                className="field"
-              >
-                <label
-                  htmlFor="root_optionalObjectWithOneofs__oneof_select"
-                >
-                  optionalObjectWithOneofs
-                </label>
-                <div
-                  aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                  aria-disabled={false}
-                  aria-expanded={false}
-                  aria-multiselectable={false}
-                  className="ui fluid selection scrolling dropdown"
-                  id="root_optionalObjectWithOneofs__oneof_select"
-                  inverted="false"
-                  name="root_optionalObjectWithOneofs__oneof_select"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onMouseDown={[Function]}
-                  readOnly={true}
-                  role="listbox"
-                  tabIndex={0}
-                >
-                  <div
-                    aria-atomic={true}
-                    aria-live="polite"
-                    className="divider text"
-                    role="alert"
-                  >
-                    Option 1
-                  </div>
-                  <i
-                    aria-hidden="true"
-                    className="dropdown icon"
-                    onClick={[Function]}
-                  />
-                  <div
-                    className="menu transition"
-                  >
-                    <div
-                      aria-checked={true}
-                      aria-disabled={false}
-                      aria-selected={true}
-                      className="active selected item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 1
-                      </span>
-                    </div>
-                    <div
-                      aria-checked={false}
-                      aria-disabled={false}
-                      aria-selected={false}
-                      className="item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 2
-                      </span>
-                    </div>
-                    <div
-                      aria-checked={false}
-                      aria-disabled={false}
-                      aria-selected={false}
-                      className="item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 3
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+            <div />
             <div
               className="rjsf-field rjsf-field-object"
             >
@@ -3919,42 +4091,51 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                 >
                   optionalObjectWithOneofs
                 </h5>
-                <div
-                  className="rjsf-field rjsf-field-string"
+                <em
+                  id="root_optionalObjectWithOneofs__optionalMsg"
                 >
-                  <div
-                    className="grouped equal width fields"
-                  >
-                    <div
-                      className="disabled field"
-                    >
-                      <label
-                        htmlFor="root_optionalObjectWithOneofs_name"
-                      >
-                        name
-                      </label>
-                      <div
-                        className="ui disabled fluid input"
-                      >
-                        <input
-                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                          autoFocus={false}
-                          disabled={true}
-                          id="root_optionalObjectWithOneofs_name"
-                          name="root_optionalObjectWithOneofs_name"
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          placeholder=""
-                          required={false}
-                          tabIndex={-1}
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
+                  No data for optional field
+                </em>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          className="grouped equal width fields"
+        >
+          <div>
+            <div />
+            <div
+              className="rjsf-field rjsf-field-array"
+            >
+              <div
+                className="grouped equal width fields"
+              >
+                <div
+                  className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field sortable-form-fields"
+                >
+                  <h5
+                    className="ui dividing header"
+                    id="root_optionalArrayWithAnyofs__title"
+                  >
+                    optionalArrayWithAnyofs
+                  </h5>
+                  <div>
+                    <div
+                      className="row array-item-list"
+                    >
+                      <em
+                        id="root_optionalArrayWithAnyofs__optionalMsg"
+                      >
+                        No data for optional field
+                      </em>
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
@@ -4188,158 +4369,112 @@ exports[`single fields optional data controls shows "add" optional controls when
           className="grouped equal width fields"
         >
           <div>
-            <div>
+            <div />
+            <div
+              className="rjsf-field rjsf-field-object"
+            >
               <div
-                className="field"
+                className="grouped equal width fields"
               >
-                <label
-                  htmlFor="root_optionalObjectWithOneofs__oneof_select"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
-                  aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                  aria-disabled={false}
-                  aria-expanded={false}
-                  aria-multiselectable={false}
-                  className="ui fluid selection scrolling dropdown"
-                  id="root_optionalObjectWithOneofs__oneof_select"
-                  inverted="false"
-                  name="root_optionalObjectWithOneofs__oneof_select"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onMouseDown={[Function]}
-                  readOnly={false}
-                  role="listbox"
-                  tabIndex={0}
+                  className="ui relaxed grid"
+                  colums={2}
                 >
                   <div
-                    aria-atomic={true}
-                    aria-live="polite"
-                    className="divider text"
-                    role="alert"
+                    className="fourteen wide column"
+                    style={
+                      {
+                        "paddingRight": 0,
+                      }
+                    }
                   >
-                    Option 1
+                    <h5
+                      className="ui dividing header"
+                      id="root_optionalObjectWithOneofs__title"
+                    >
+                      optionalObjectWithOneofs
+                    </h5>
                   </div>
-                  <i
-                    aria-hidden="true"
-                    className="dropdown icon"
-                    onClick={[Function]}
-                  />
                   <div
-                    className="menu transition"
+                    className="two wide column"
                   >
-                    <div
-                      aria-checked={true}
-                      aria-disabled={false}
-                      aria-selected={true}
-                      className="active selected item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 1
-                      </span>
-                    </div>
-                    <div
-                      aria-checked={false}
-                      aria-disabled={false}
-                      aria-selected={false}
-                      className="item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 2
-                      </span>
-                    </div>
-                    <div
-                      aria-checked={false}
-                      aria-disabled={false}
-                      aria-selected={false}
-                      className="item"
+                    <button
+                      className="ui mini icon button rjsf-add-optional-data"
+                      id="root_optionalObjectWithOneofs__optionalAdd"
                       onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
+                      title="Add data for optional field"
                     >
-                      <span
-                        className="text"
-                      >
-                        Option 3
-                      </span>
-                    </div>
+                      <i
+                        aria-hidden="true"
+                        className="plus icon"
+                        onClick={[Function]}
+                      />
+                    </button>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          className="grouped equal width fields"
+        >
+          <div>
+            <div />
             <div
-              className="rjsf-field rjsf-field-object"
+              className="rjsf-field rjsf-field-array"
             >
               <div
                 className="grouped equal width fields"
               >
-                <h5
-                  className="ui dividing header"
-                  id="root_optionalObjectWithOneofs__title"
-                >
-                  optionalObjectWithOneofs
-                </h5>
                 <div
-                  className="rjsf-field rjsf-field-string"
+                  className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field sortable-form-fields"
                 >
                   <div
-                    className="grouped equal width fields"
+                    className="ui relaxed grid"
+                    colums={2}
                   >
                     <div
-                      className="disabled field"
+                      className="fourteen wide column"
+                      style={
+                        {
+                          "paddingRight": 0,
+                        }
+                      }
                     >
-                      <label
-                        htmlFor="root_optionalObjectWithOneofs_name"
+                      <h5
+                        className="ui dividing header"
+                        id="root_optionalArrayWithAnyofs__title"
                       >
-                        name
-                      </label>
-                      <div
-                        className="ui disabled fluid input"
+                        optionalArrayWithAnyofs
+                      </h5>
+                    </div>
+                    <div
+                      className="two wide column"
+                    >
+                      <button
+                        className="ui mini icon button rjsf-add-optional-data"
+                        id="root_optionalArrayWithAnyofs__optionalAdd"
+                        onClick={[Function]}
+                        title="Add data for optional field"
                       >
-                        <input
-                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                          autoFocus={false}
-                          disabled={true}
-                          id="root_optionalObjectWithOneofs_name"
-                          name="root_optionalObjectWithOneofs_name"
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          placeholder=""
-                          required={false}
-                          tabIndex={-1}
-                          type="text"
-                          value=""
+                        <i
+                          aria-hidden="true"
+                          className="plus icon"
+                          onClick={[Function]}
                         />
-                      </div>
+                      </button>
                     </div>
                   </div>
+                  <div>
+                    <div
+                      className="row array-item-list"
+                    />
+                  </div>
                 </div>
               </div>
             </div>
@@ -4528,111 +4663,7 @@ exports[`single fields optional data controls shows "add" optional controls when
           className="grouped equal width fields"
         >
           <div>
-            <div>
-              <div
-                className="disabled field"
-              >
-                <label
-                  htmlFor="root_optionalObjectWithOneofs__oneof_select"
-                >
-                  optionalObjectWithOneofs
-                </label>
-                <div
-                  aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                  aria-disabled={true}
-                  aria-expanded={false}
-                  aria-multiselectable={false}
-                  className="ui disabled fluid selection scrolling dropdown"
-                  id="root_optionalObjectWithOneofs__oneof_select"
-                  inverted="false"
-                  name="root_optionalObjectWithOneofs__oneof_select"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onClick={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  onMouseDown={[Function]}
-                  readOnly={false}
-                  role="listbox"
-                  tabIndex={-1}
-                >
-                  <div
-                    aria-atomic={true}
-                    aria-live="polite"
-                    className="divider text"
-                    role="alert"
-                  >
-                    Option 1
-                  </div>
-                  <i
-                    aria-hidden="true"
-                    className="dropdown icon"
-                    onClick={[Function]}
-                  />
-                  <div
-                    className="menu transition"
-                  >
-                    <div
-                      aria-checked={true}
-                      aria-disabled={false}
-                      aria-selected={true}
-                      className="active selected item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 1
-                      </span>
-                    </div>
-                    <div
-                      aria-checked={false}
-                      aria-disabled={false}
-                      aria-selected={false}
-                      className="item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 2
-                      </span>
-                    </div>
-                    <div
-                      aria-checked={false}
-                      aria-disabled={false}
-                      aria-selected={false}
-                      className="item"
-                      onClick={[Function]}
-                      role="option"
-                      style={
-                        {
-                          "pointerEvents": "all",
-                        }
-                      }
-                    >
-                      <span
-                        className="text"
-                      >
-                        Option 3
-                      </span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
+            <div />
             <div
               className="rjsf-field rjsf-field-object"
             >
@@ -4645,39 +4676,48 @@ exports[`single fields optional data controls shows "add" optional controls when
                 >
                   optionalObjectWithOneofs
                 </h5>
+                <em
+                  id="root_optionalObjectWithOneofs__optionalMsg"
+                >
+                  No data for optional field
+                </em>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="rjsf-field rjsf-field-undefined"
+      >
+        <div
+          className="grouped equal width fields"
+        >
+          <div>
+            <div />
+            <div
+              className="rjsf-field rjsf-field-array"
+            >
+              <div
+                className="grouped equal width fields"
+              >
                 <div
-                  className="rjsf-field rjsf-field-string"
+                  className="rjsf-field rjsf-field-array rjsf-field-array-of-string rjsf-optional-array-field sortable-form-fields"
                 >
-                  <div
-                    className="grouped equal width fields"
+                  <h5
+                    className="ui dividing header"
+                    id="root_optionalArrayWithAnyofs__title"
                   >
+                    optionalArrayWithAnyofs
+                  </h5>
+                  <div>
                     <div
-                      className="disabled field"
+                      className="row array-item-list"
                     >
-                      <label
-                        htmlFor="root_optionalObjectWithOneofs_name"
-                      >
-                        name
-                      </label>
-                      <div
-                        className="ui disabled fluid input"
+                      <em
+                        id="root_optionalArrayWithAnyofs__optionalMsg"
                       >
-                        <input
-                          aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                          autoFocus={false}
-                          disabled={true}
-                          id="root_optionalObjectWithOneofs_name"
-                          name="root_optionalObjectWithOneofs_name"
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          placeholder=""
-                          required={false}
-                          tabIndex={-1}
-                          type="text"
-                          value=""
-                        />
-                      </div>
+                        No data for optional field
+                      </em>
                     </div>
                   </div>
                 </div>
diff --git a/packages/shadcn/test/__snapshots__/Form.test.tsx.snap b/packages/shadcn/test/__snapshots__/Form.test.tsx.snap
index 84987be4e4..9c09c96c92 100644
--- a/packages/shadcn/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/shadcn/test/__snapshots__/Form.test.tsx.snap
@@ -2488,6 +2488,187 @@ exports[`single fields optional data controls does not show optional controls wh
             </div>
           </div>
         </div>
+        <div
+          className=" flex"
+        >
+          <div
+            className="w-full"
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <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_optionalArrayWithAnyofs"
+                >
+                  optionalArrayWithAnyofs
+                </label>
+                <div
+                  className="p-4 border rounded-md bg-background shadow-sm"
+                >
+                  <div
+                    className="mb-4"
+                  >
+                    <div
+                      className="p-0.5"
+                    >
+                      <div
+                        aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__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-:r12:"
+                          id="radix-:r11:"
+                          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"
+                          >
+                            Option 1
+                          </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>
+                  </div>
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="flex flex-col gap-2"
+                    >
+                      <div>
+                        <div
+                          className="m-0 flex p-0"
+                        >
+                          <div
+                            className="m-0 w-full p-0"
+                          >
+                            <div
+                              className="my-1 flex flex-col gap-0.5"
+                              id="root_optionalArrayWithAnyofs__title"
+                            >
+                              <h5>
+                                optionalArrayWithAnyofs
+                              </h5>
+                              <div
+                                className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
+                                data-orientation="horizontal"
+                                data-slot="separator"
+                                dir="horizontal"
+                                role="none"
+                                style={
+                                  {
+                                    "height": "1px",
+                                  }
+                                }
+                              />
+                            </div>
+                            <div
+                              className="p-0 m-0 w-full mb-2"
+                            >
+                              <div
+                                className="mt-2 flex"
+                              >
+                                <div
+                                  className="p-0 m-0"
+                                >
+                                  <button
+                                    className="inline-flex items-center justify-center 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 border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 px-4 py-2 has-[>svg]:px-3 w-fit gap-2 rjsf-array-item-add"
+                                    data-slot="button"
+                                    disabled={false}
+                                    id="root_optionalArrayWithAnyofs__add"
+                                    onClick={[Function]}
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      className="lucide lucide-circle-plus"
+                                      fill="none"
+                                      height={16}
+                                      stroke="currentColor"
+                                      strokeLinecap="round"
+                                      strokeLinejoin="round"
+                                      strokeWidth={2}
+                                      viewBox="0 0 24 24"
+                                      width={16}
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <circle
+                                        cx="12"
+                                        cy="12"
+                                        r="10"
+                                      />
+                                      <path
+                                        d="M8 12h8"
+                                      />
+                                      <path
+                                        d="M12 8v8"
+                                      />
+                                    </svg>
+                                     
+                                    Add Item
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -3382,8 +3563,8 @@ exports[`single fields optional data controls does not show optional controls wh
                       >
                         <label
                           cmdk-label=""
-                          htmlFor="radix-:r18:"
-                          id="radix-:r17:"
+                          htmlFor="radix-:r15:"
+                          id="radix-:r14:"
                           style={
                             {
                               "borderWidth": "0",
@@ -3511,6 +3692,187 @@ exports[`single fields optional data controls does not show optional controls wh
             </div>
           </div>
         </div>
+        <div
+          className=" flex"
+        >
+          <div
+            className="w-full"
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <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_optionalArrayWithAnyofs"
+                >
+                  optionalArrayWithAnyofs
+                </label>
+                <div
+                  className="p-4 border rounded-md bg-background shadow-sm"
+                >
+                  <div
+                    className="mb-4"
+                  >
+                    <div
+                      className="p-0.5"
+                    >
+                      <div
+                        aria-describedby="root_optionalArrayWithAnyofs__anyof_select__error root_optionalArrayWithAnyofs__anyof_select__description root_optionalArrayWithAnyofs__anyof_select__help"
+                        aria-disabled={true}
+                        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-:r18:"
+                          id="radix-:r17:"
+                          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 opacity-50 cursor-not-allowed"
+                          onClick={[Function]}
+                        >
+                          <span
+                            className="flex-1 line-clamp-1"
+                          >
+                            Option 1
+                          </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>
+                  </div>
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="flex flex-col gap-2"
+                    >
+                      <div>
+                        <div
+                          className="m-0 flex p-0"
+                        >
+                          <div
+                            className="m-0 w-full p-0"
+                          >
+                            <div
+                              className="my-1 flex flex-col gap-0.5"
+                              id="root_optionalArrayWithAnyofs__title"
+                            >
+                              <h5>
+                                optionalArrayWithAnyofs
+                              </h5>
+                              <div
+                                className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
+                                data-orientation="horizontal"
+                                data-slot="separator"
+                                dir="horizontal"
+                                role="none"
+                                style={
+                                  {
+                                    "height": "1px",
+                                  }
+                                }
+                              />
+                            </div>
+                            <div
+                              className="p-0 m-0 w-full mb-2"
+                            >
+                              <div
+                                className="mt-2 flex"
+                              >
+                                <div
+                                  className="p-0 m-0"
+                                >
+                                  <button
+                                    className="inline-flex items-center justify-center 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 border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 px-4 py-2 has-[>svg]:px-3 w-fit gap-2 rjsf-array-item-add"
+                                    data-slot="button"
+                                    disabled={true}
+                                    id="root_optionalArrayWithAnyofs__add"
+                                    onClick={[Function]}
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      className="lucide lucide-circle-plus"
+                                      fill="none"
+                                      height={16}
+                                      stroke="currentColor"
+                                      strokeLinecap="round"
+                                      strokeLinejoin="round"
+                                      strokeWidth={2}
+                                      viewBox="0 0 24 24"
+                                      width={16}
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <circle
+                                        cx="12"
+                                        cy="12"
+                                        r="10"
+                                      />
+                                      <path
+                                        d="M8 12h8"
+                                      />
+                                      <path
+                                        d="M12 8v8"
+                                      />
+                                    </svg>
+                                     
+                                    Add Item
+                                  </button>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -4572,84 +4934,12 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               <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_optionalObjectWithOneofs"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
                   className="p-4 border rounded-md bg-background shadow-sm"
                 >
                   <div
                     className="mb-4"
-                  >
-                    <div
-                      className="p-0.5"
-                    >
-                      <div
-                        aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__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-:r15:"
-                          id="radix-:r14:"
-                          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"
-                          >
-                            Option 1
-                          </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>
-                  </div>
+                  />
                   <div
                     className="rjsf-field rjsf-field-object"
                   >
@@ -4660,9 +4950,55 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                         className="my-1 flex flex-col gap-0.5"
                         id="root_optionalObjectWithOneofs__title"
                       >
-                        <h5>
-                          optionalObjectWithOneofs
-                        </h5>
+                        <div
+                          className="flex flex-row"
+                        >
+                          <div
+                            className="flex-grow"
+                          >
+                            <h5>
+                              optionalObjectWithOneofs
+                            </h5>
+                          </div>
+                          <div
+                            className="flex"
+                          >
+                            <button
+                              className="inline-flex items-center justify-center whitespace-nowrap 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 border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-6 rounded-md gap-1 px-2 has-[>svg]:px-2 rjsf-add-optional-data"
+                              data-slot="button"
+                              id="root_optionalObjectWithOneofs__optionalAdd"
+                              onClick={[Function]}
+                              title="Add data for optional field"
+                              type="button"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                className="lucide lucide-circle-plus"
+                                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"
+                              >
+                                <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="10"
+                                />
+                                <path
+                                  d="M8 12h8"
+                                />
+                                <path
+                                  d="M12 8v8"
+                                />
+                              </svg>
+                            </button>
+                          </div>
+                        </div>
                         <div
                           className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
                           data-orientation="horizontal"
@@ -4678,48 +5014,114 @@ exports[`single fields optional data controls shows "add" and "remove" optional
                       </div>
                       <div
                         className="flex flex-col gap-2"
-                      >
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className=" flex"
+        >
+          <div
+            className="w-full"
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div
+                className="flex flex-col gap-2"
+              >
+                <div
+                  className="p-4 border rounded-md bg-background shadow-sm"
+                >
+                  <div
+                    className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="flex flex-col gap-2"
+                    >
+                      <div>
                         <div
-                          className=" flex"
+                          className="m-0 flex p-0"
                         >
                           <div
-                            className="w-full"
+                            className="m-0 w-full p-0"
                           >
                             <div
-                              className="rjsf-field rjsf-field-string"
+                              className="my-1 flex flex-col gap-0.5"
+                              id="root_optionalArrayWithAnyofs__title"
                             >
                               <div
-                                className="flex flex-col gap-2"
+                                className="flex flex-row"
                               >
-                                <label
-                                  className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                                  htmlFor="root_optionalObjectWithOneofs_name"
+                                <div
+                                  className="flex-grow"
                                 >
-                                  name
-                                </label>
+                                  <h5>
+                                    optionalArrayWithAnyofs
+                                  </h5>
+                                </div>
                                 <div
-                                  className="p-0.5"
+                                  className="flex"
                                 >
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm 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"
-                                    data-slot="input"
-                                    disabled={false}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    readOnly={true}
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
+                                  <button
+                                    className="inline-flex items-center justify-center whitespace-nowrap 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 border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-6 rounded-md gap-1 px-2 has-[>svg]:px-2 rjsf-add-optional-data"
+                                    data-slot="button"
+                                    id="root_optionalArrayWithAnyofs__optionalAdd"
+                                    onClick={[Function]}
+                                    title="Add data for optional field"
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      className="lucide lucide-circle-plus"
+                                      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"
+                                    >
+                                      <circle
+                                        cx="12"
+                                        cy="12"
+                                        r="10"
+                                      />
+                                      <path
+                                        d="M8 12h8"
+                                      />
+                                      <path
+                                        d="M12 8v8"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
+                              <div
+                                className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
+                                data-orientation="horizontal"
+                                data-slot="separator"
+                                dir="horizontal"
+                                role="none"
+                                style={
+                                  {
+                                    "height": "1px",
+                                  }
+                                }
+                              />
                             </div>
+                            <div
+                              className="p-0 m-0 w-full mb-2"
+                            />
                           </div>
                         </div>
                       </div>
@@ -5611,153 +6013,113 @@ exports[`single fields optional data controls shows "add" and "remove" optional
               <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_optionalObjectWithOneofs"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
                   className="p-4 border rounded-md bg-background shadow-sm"
                 >
                   <div
                     className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-object"
                   >
                     <div
-                      className="p-0.5"
+                      className="flex flex-col gap-2"
                     >
                       <div
-                        aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                        aria-disabled={true}
-                        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}
+                        className="my-1 flex flex-col gap-0.5"
+                        id="root_optionalObjectWithOneofs__title"
                       >
-                        <label
-                          cmdk-label=""
-                          htmlFor="radix-:r1e:"
-                          id="radix-:r1d:"
+                        <h5>
+                          optionalObjectWithOneofs
+                        </h5>
+                        <div
+                          className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
+                          data-orientation="horizontal"
+                          data-slot="separator"
+                          dir="horizontal"
+                          role="none"
                           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 opacity-50 cursor-not-allowed"
-                          onClick={[Function]}
+                      </div>
+                      <div
+                        className="flex flex-col gap-2"
+                      >
+                        <em
+                          id="root_optionalObjectWithOneofs__optionalMsg"
                         >
-                          <span
-                            className="flex-1 line-clamp-1"
-                          >
-                            Option 1
-                          </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"
-                        />
+                          No data for optional field
+                        </em>
                       </div>
                     </div>
                   </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className=" flex"
+        >
+          <div
+            className="w-full"
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div
+                className="flex flex-col gap-2"
+              >
+                <div
+                  className="p-4 border rounded-md bg-background shadow-sm"
+                >
                   <div
-                    className="rjsf-field rjsf-field-object"
+                    className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-array"
                   >
                     <div
                       className="flex flex-col gap-2"
                     >
-                      <div
-                        className="my-1 flex flex-col gap-0.5"
-                        id="root_optionalObjectWithOneofs__title"
-                      >
-                        <h5>
-                          optionalObjectWithOneofs
-                        </h5>
-                        <div
-                          className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
-                          data-orientation="horizontal"
-                          data-slot="separator"
-                          dir="horizontal"
-                          role="none"
-                          style={
-                            {
-                              "height": "1px",
-                            }
-                          }
-                        />
-                      </div>
-                      <div
-                        className="flex flex-col gap-2"
-                      >
+                      <div>
                         <div
-                          className=" flex"
+                          className="m-0 flex p-0"
                         >
                           <div
-                            className="w-full"
+                            className="m-0 w-full p-0"
                           >
                             <div
-                              className="rjsf-field rjsf-field-string"
+                              className="my-1 flex flex-col gap-0.5"
+                              id="root_optionalArrayWithAnyofs__title"
                             >
+                              <h5>
+                                optionalArrayWithAnyofs
+                              </h5>
                               <div
-                                className="flex flex-col gap-2"
+                                className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
+                                data-orientation="horizontal"
+                                data-slot="separator"
+                                dir="horizontal"
+                                role="none"
+                                style={
+                                  {
+                                    "height": "1px",
+                                  }
+                                }
+                              />
+                            </div>
+                            <div
+                              className="p-0 m-0 w-full mb-2"
+                            >
+                              <em
+                                id="root_optionalArrayWithAnyofs__optionalMsg"
                               >
-                                <label
-                                  className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                                  htmlFor="root_optionalObjectWithOneofs_name"
-                                >
-                                  name
-                                </label>
-                                <div
-                                  className="p-0.5"
-                                >
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm 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"
-                                    data-slot="input"
-                                    disabled={false}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    readOnly={true}
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
-                                </div>
-                              </div>
+                                No data for optional field
+                              </em>
                             </div>
                           </div>
                         </div>
@@ -6189,84 +6551,12 @@ exports[`single fields optional data controls shows "add" optional controls when
               <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_optionalObjectWithOneofs"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
                   className="p-4 border rounded-md bg-background shadow-sm"
                 >
                   <div
                     className="mb-4"
-                  >
-                    <div
-                      className="p-0.5"
-                    >
-                      <div
-                        aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__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-:r12:"
-                          id="radix-:r11:"
-                          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"
-                          >
-                            Option 1
-                          </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>
-                  </div>
+                  />
                   <div
                     className="rjsf-field rjsf-field-object"
                   >
@@ -6277,9 +6567,55 @@ exports[`single fields optional data controls shows "add" optional controls when
                         className="my-1 flex flex-col gap-0.5"
                         id="root_optionalObjectWithOneofs__title"
                       >
-                        <h5>
-                          optionalObjectWithOneofs
-                        </h5>
+                        <div
+                          className="flex flex-row"
+                        >
+                          <div
+                            className="flex-grow"
+                          >
+                            <h5>
+                              optionalObjectWithOneofs
+                            </h5>
+                          </div>
+                          <div
+                            className="flex"
+                          >
+                            <button
+                              className="inline-flex items-center justify-center whitespace-nowrap 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 border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-6 rounded-md gap-1 px-2 has-[>svg]:px-2 rjsf-add-optional-data"
+                              data-slot="button"
+                              id="root_optionalObjectWithOneofs__optionalAdd"
+                              onClick={[Function]}
+                              title="Add data for optional field"
+                              type="button"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                className="lucide lucide-circle-plus"
+                                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"
+                              >
+                                <circle
+                                  cx="12"
+                                  cy="12"
+                                  r="10"
+                                />
+                                <path
+                                  d="M8 12h8"
+                                />
+                                <path
+                                  d="M12 8v8"
+                                />
+                              </svg>
+                            </button>
+                          </div>
+                        </div>
                         <div
                           className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
                           data-orientation="horizontal"
@@ -6295,48 +6631,114 @@ exports[`single fields optional data controls shows "add" optional controls when
                       </div>
                       <div
                         className="flex flex-col gap-2"
-                      >
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className=" flex"
+        >
+          <div
+            className="w-full"
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div
+                className="flex flex-col gap-2"
+              >
+                <div
+                  className="p-4 border rounded-md bg-background shadow-sm"
+                >
+                  <div
+                    className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="flex flex-col gap-2"
+                    >
+                      <div>
                         <div
-                          className=" flex"
+                          className="m-0 flex p-0"
                         >
                           <div
-                            className="w-full"
+                            className="m-0 w-full p-0"
                           >
                             <div
-                              className="rjsf-field rjsf-field-string"
+                              className="my-1 flex flex-col gap-0.5"
+                              id="root_optionalArrayWithAnyofs__title"
                             >
                               <div
-                                className="flex flex-col gap-2"
+                                className="flex flex-row"
                               >
-                                <label
-                                  className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                                  htmlFor="root_optionalObjectWithOneofs_name"
+                                <div
+                                  className="flex-grow"
                                 >
-                                  name
-                                </label>
+                                  <h5>
+                                    optionalArrayWithAnyofs
+                                  </h5>
+                                </div>
                                 <div
-                                  className="p-0.5"
+                                  className="flex"
                                 >
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm 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"
-                                    data-slot="input"
-                                    disabled={false}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    readOnly={true}
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
+                                  <button
+                                    className="inline-flex items-center justify-center whitespace-nowrap 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 border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-6 rounded-md gap-1 px-2 has-[>svg]:px-2 rjsf-add-optional-data"
+                                    data-slot="button"
+                                    id="root_optionalArrayWithAnyofs__optionalAdd"
+                                    onClick={[Function]}
+                                    title="Add data for optional field"
+                                    type="button"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      className="lucide lucide-circle-plus"
+                                      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"
+                                    >
+                                      <circle
+                                        cx="12"
+                                        cy="12"
+                                        r="10"
+                                      />
+                                      <path
+                                        d="M8 12h8"
+                                      />
+                                      <path
+                                        d="M12 8v8"
+                                      />
+                                    </svg>
+                                  </button>
                                 </div>
                               </div>
+                              <div
+                                className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
+                                data-orientation="horizontal"
+                                data-slot="separator"
+                                dir="horizontal"
+                                role="none"
+                                style={
+                                  {
+                                    "height": "1px",
+                                  }
+                                }
+                              />
                             </div>
+                            <div
+                              className="p-0 m-0 w-full mb-2"
+                            />
                           </div>
                         </div>
                       </div>
@@ -6687,84 +7089,12 @@ exports[`single fields optional data controls shows "add" optional controls when
               <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_optionalObjectWithOneofs"
-                >
-                  optionalObjectWithOneofs
-                </label>
                 <div
                   className="p-4 border rounded-md bg-background shadow-sm"
                 >
                   <div
                     className="mb-4"
-                  >
-                    <div
-                      className="p-0.5"
-                    >
-                      <div
-                        aria-describedby="root_optionalObjectWithOneofs__oneof_select__error root_optionalObjectWithOneofs__oneof_select__description root_optionalObjectWithOneofs__oneof_select__help"
-                        aria-disabled={true}
-                        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-:r1b:"
-                          id="radix-:r1a:"
-                          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 opacity-50 cursor-not-allowed"
-                          onClick={[Function]}
-                        >
-                          <span
-                            className="flex-1 line-clamp-1"
-                          >
-                            Option 1
-                          </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>
-                  </div>
+                  />
                   <div
                     className="rjsf-field rjsf-field-object"
                   >
@@ -6794,46 +7124,78 @@ exports[`single fields optional data controls shows "add" optional controls when
                       <div
                         className="flex flex-col gap-2"
                       >
+                        <em
+                          id="root_optionalObjectWithOneofs__optionalMsg"
+                        >
+                          No data for optional field
+                        </em>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          className=" flex"
+        >
+          <div
+            className="w-full"
+          >
+            <div
+              className="rjsf-field rjsf-field-undefined"
+            >
+              <div
+                className="flex flex-col gap-2"
+              >
+                <div
+                  className="p-4 border rounded-md bg-background shadow-sm"
+                >
+                  <div
+                    className="mb-4"
+                  />
+                  <div
+                    className="rjsf-field rjsf-field-array"
+                  >
+                    <div
+                      className="flex flex-col gap-2"
+                    >
+                      <div>
                         <div
-                          className=" flex"
+                          className="m-0 flex p-0"
                         >
                           <div
-                            className="w-full"
+                            className="m-0 w-full p-0"
                           >
                             <div
-                              className="rjsf-field rjsf-field-string"
+                              className="my-1 flex flex-col gap-0.5"
+                              id="root_optionalArrayWithAnyofs__title"
                             >
+                              <h5>
+                                optionalArrayWithAnyofs
+                              </h5>
                               <div
-                                className="flex flex-col gap-2"
+                                className="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-1"
+                                data-orientation="horizontal"
+                                data-slot="separator"
+                                dir="horizontal"
+                                role="none"
+                                style={
+                                  {
+                                    "height": "1px",
+                                  }
+                                }
+                              />
+                            </div>
+                            <div
+                              className="p-0 m-0 w-full mb-2"
+                            >
+                              <em
+                                id="root_optionalArrayWithAnyofs__optionalMsg"
                               >
-                                <label
-                                  className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                                  htmlFor="root_optionalObjectWithOneofs_name"
-                                >
-                                  name
-                                </label>
-                                <div
-                                  className="p-0.5"
-                                >
-                                  <input
-                                    aria-describedby="root_optionalObjectWithOneofs_name__error root_optionalObjectWithOneofs_name__description root_optionalObjectWithOneofs_name__help"
-                                    autoFocus={false}
-                                    className="file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm 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"
-                                    data-slot="input"
-                                    disabled={true}
-                                    id="root_optionalObjectWithOneofs_name"
-                                    name="root_optionalObjectWithOneofs_name"
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    placeholder=""
-                                    readOnly={true}
-                                    required={false}
-                                    type="text"
-                                    value=""
-                                  />
-                                </div>
-                              </div>
+                                No data for optional field
+                              </em>
                             </div>
                           </div>
                         </div>
diff --git a/packages/snapshot-tests/src/formTests.tsx b/packages/snapshot-tests/src/formTests.tsx
index 8828980a1e..4f94f932b5 100644
--- a/packages/snapshot-tests/src/formTests.tsx
+++ b/packages/snapshot-tests/src/formTests.tsx
@@ -655,6 +655,33 @@ export function formTests(Form: ComponentType<FormProps>, customOptions: FormRen
                 },
               ],
             },
+            optionalArrayWithAnyofs: {
+              anyOf: [
+                {
+                  type: 'array',
+                  items: {
+                    type: 'string',
+                  },
+                },
+                {
+                  type: 'array',
+                  items: {
+                    type: 'number',
+                  },
+                },
+                {
+                  type: 'array',
+                  items: {
+                    type: 'object',
+                    properties: {
+                      test: {
+                        type: 'string',
+                      },
+                    },
+                  },
+                },
+              ],
+            },
           },
           required: ['nestedObject', 'nestedArray'],
         };
@@ -667,9 +694,6 @@ export function formTests(Form: ComponentType<FormProps>, customOptions: FormRen
               'ui:enableOptionalDataFieldForType': ['object'],
             },
           },
-          optionalObjectWithOneofs: {
-            'ui:enableOptionalDataFieldForType': [],
-          },
         };
         experimental_defaultFormStateBehavior = {
           // Set the emptyObjectFields to only populate required defaults to highlight the code working