@genesislcap/foundation-forms 14.430.2-FUI-2528.3 → 14.430.2-FUI-2528.4

package/dist/custom-elements.json

@@ -1589,619 +1589,669 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/confirmation-dialog-utils.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/csv-parser.ts",
+      "path": "src/jsonforms/renderers/ArrayListWrapperRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "parseCsv",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
+          "name": "ArrayListWrapperRendererTemplate",
           "parameters": [
             {
-              "name": "content",
+              "name": "prefix",
+              "default": "'zero'",
               "type": {
                 "text": "string"
-              },
-              "description": "The CSV content as a string"
+              }
             }
-          ],
-          "description": "Parses a CSV string into headers and rows using PapaParse.\nHandles quoted fields, escaped quotes, empty values, and mixed line endings.",
-          "privacy": "public"
+          ]
         },
         {
-          "kind": "function",
-          "name": "mapCsvToSchema",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
+          "kind": "class",
+          "description": "",
+          "name": "ArrayListWrapper",
+          "members": [
             {
-              "name": "csvRows",
-              "type": {
-                "text": "Record<string, string>[]"
-              },
-              "description": "The parsed CSV rows"
+              "kind": "field",
+              "name": "form"
             },
             {
-              "name": "schema",
-              "type": {
-                "text": "JSONSchema7 | undefined"
-              },
-              "description": "The JSON schema defining the fields"
+              "kind": "field",
+              "name": "control"
             },
             {
-              "name": "uiSchema",
-              "optional": true,
-              "type": {
-                "text": "UiSchema"
-              },
-              "description": "Optional UI schema to map labels to field names on import"
-            }
-          ],
-          "description": "Maps CSV rows to schema fields with case-insensitive matching.\nWhen uiSchema is provided, CSV headers can also match UI schema labels.\nConverts values to appropriate types based on schema definition.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "generateCsvTemplate",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "schema",
-              "type": {
-                "text": "JSONSchema7 | undefined"
-              },
-              "description": "The JSON schema defining the fields"
+              "kind": "field",
+              "name": "schema"
             },
             {
-              "name": "uiSchema",
-              "optional": true,
-              "type": {
-                "text": "UiSchema"
-              },
-              "description": "Optional UI schema to determine field order and visibility"
+              "kind": "field",
+              "name": "uiSchema"
             },
             {
-              "name": "includeOptionalFields",
-              "default": "true",
+              "kind": "field",
+              "name": "isGridView",
               "type": {
                 "text": "boolean"
               },
-              "description": "Whether to include optional fields when no UI schema (default: true)"
+              "default": "false"
             },
             {
-              "name": "includeBom",
-              "default": "true",
+              "kind": "field",
+              "name": "gridViewHeaderCells",
               "type": {
-                "text": "boolean"
+                "text": "GridHeaderCell[]"
               },
-              "description": "Whether to prepend UTF-8 BOM for Excel compatibility (default: true)"
-            }
-          ],
-          "description": "Generates a CSV template string with headers and sample data based on JSON schema.\nIf a UI schema is provided, it will be used to determine which fields to include\nand in what order. Hidden fields in the UI schema will be excluded.",
-          "privacy": "public"
-        },
-        {
-          "kind": "function",
-          "name": "downloadCsvTemplate",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
+              "default": "[]"
+            },
             {
-              "name": "csvContent",
+              "kind": "field",
+              "name": "gridViewUiSchema",
               "type": {
-                "text": "string"
+                "text": "any"
               },
-              "description": "The CSV content to download"
+              "default": "null"
             },
             {
-              "name": "fileName",
-              "default": "'template.csv'",
-              "type": {
-                "text": "string"
-              },
-              "description": "The name for the downloaded file (default: 'template.csv')"
+              "kind": "method",
+              "name": "controlChanged"
+            },
+            {
+              "kind": "method",
+              "name": "addItem"
+            },
+            {
+              "kind": "method",
+              "name": "deleteItem",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "submitRow",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  },
+                  "description": "The row index to submit"
+                }
+              ],
+              "description": "Submits a single row by emitting an event that bubbles up to the foundation-form."
             }
           ],
-          "description": "Triggers a download of the CSV template file in the browser.",
-          "privacy": "public"
+          "superclass": {
+            "name": "FASTElement",
+            "package": "@microsoft/fast-element"
+          },
+          "tagName": "array-list-wrapper",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "parseCsv",
-          "declaration": {
-            "name": "parseCsv",
-            "module": "src/utils/csv-parser.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "mapCsvToSchema",
+          "name": "ArrayListWrapperRendererTemplate",
           "declaration": {
-            "name": "mapCsvToSchema",
-            "module": "src/utils/csv-parser.ts"
+            "name": "ArrayListWrapperRendererTemplate",
+            "module": "src/jsonforms/renderers/ArrayListWrapperRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "generateCsvTemplate",
+          "name": "ArrayListWrapper",
           "declaration": {
-            "name": "generateCsvTemplate",
-            "module": "src/utils/csv-parser.ts"
+            "name": "ArrayListWrapper",
+            "module": "src/jsonforms/renderers/ArrayListWrapperRenderer.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "downloadCsvTemplate",
+          "kind": "custom-element-definition",
+          "name": "array-list-wrapper",
           "declaration": {
-            "name": "downloadCsvTemplate",
-            "module": "src/utils/csv-parser.ts"
+            "name": "ArrayListWrapper",
+            "module": "src/jsonforms/renderers/ArrayListWrapperRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/filters.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/form-utils.ts",
+      "path": "src/jsonforms/renderers/BooleanControlRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "removeDataPropertiesNotInSchema",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
+          "name": "BooleanControlRendererTemplate",
           "parameters": [
             {
-              "name": "data",
-              "type": {
-                "text": "any"
-              },
-              "description": "The data object to clean"
-            },
-            {
-              "name": "jsonSchema",
+              "name": "prefix",
+              "default": "'zero'",
               "type": {
-                "text": "JSONSchema7"
-              },
-              "description": "The JSON schema to validate against"
+                "text": "string"
+              }
             }
-          ],
-          "description": "Removes data properties that aren't part of the schema"
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "BooleanControlEntry",
+          "type": {
+            "text": "RendererEntry"
+          },
+          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => BooleanControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(BOOLEAN_CONTROL_RANK, isOneOfBoolean),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "removeDataPropertiesNotInSchema",
+          "name": "BooleanControlRendererTemplate",
           "declaration": {
-            "name": "removeDataPropertiesNotInSchema",
-            "module": "src/utils/form-utils.ts"
+            "name": "BooleanControlRendererTemplate",
+            "module": "src/jsonforms/renderers/BooleanControlRenderer.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BooleanControlEntry",
+          "declaration": {
+            "name": "BooleanControlEntry",
+            "module": "src/jsonforms/renderers/BooleanControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./csv-parser"
-          }
+      "path": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tabControlIconStyles",
+          "default": "css`\n  .tab-control-icon {\n    margin-left: 3px;\n    color: #f9644d;\n  }\n`"
         },
         {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./filters"
-          }
+          "kind": "function",
+          "name": "CategorizationWrapperRendererTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "default": "'zero'"
+            }
+          ]
         },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CategorizationWrapper",
+          "members": [
+            {
+              "kind": "field",
+              "name": "form"
+            },
+            {
+              "kind": "field",
+              "name": "control"
+            },
+            {
+              "kind": "method",
+              "name": "hasCategoryError",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "categoryIndex",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "FASTElement",
+            "package": "@microsoft/fast-element"
+          },
+          "tagName": "categorization-wrapper",
+          "customElement": true
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "*",
+          "name": "tabControlIconStyles",
           "declaration": {
-            "name": "*",
-            "package": "./logger"
+            "name": "tabControlIconStyles",
+            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "CategorizationWrapperRendererTemplate",
           "declaration": {
-            "name": "*",
-            "package": "./translation"
+            "name": "CategorizationWrapperRendererTemplate",
+            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "CategorizationWrapper",
           "declaration": {
-            "name": "*",
-            "package": "./validation"
+            "name": "CategorizationWrapper",
+            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "*",
+          "kind": "custom-element-definition",
+          "name": "categorization-wrapper",
           "declaration": {
-            "name": "*",
-            "package": "./types"
+            "name": "CategorizationWrapper",
+            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/logger.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/schema-utils.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/translation.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/types.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/utils/validation.ts",
+      "path": "src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "mustMatch",
+          "name": "ConnectedMultiselectControlRendererTemplate",
           "parameters": [
             {
-              "name": "target",
+              "name": "prefix",
+              "default": "'zero'",
               "type": {
                 "text": "string"
-              },
-              "description": "any other field"
-            }
-          ],
-          "description": "Ensures the value of the current field (the one the validator is on) matches the one of the target field.",
-          "return": {
-            "type": {
-              "text": ""
+              }
             }
-          },
-          "privacy": "public"
+          ]
         },
         {
-          "kind": "function",
-          "name": "getAnyOfErrorMessage",
-          "return": {
-            "type": {
-              "text": "string"
-            }
+          "kind": "variable",
+          "name": "ConnectedMultiselectControlRendererEntry",
+          "type": {
+            "text": "RendererEntry"
           },
-          "parameters": [
-            {
-              "name": "errors",
-              "type": {
-                "text": "Array<any> | undefined"
-              }
-            },
-            {
-              "name": "schema",
-              "type": {
-                "text": "any"
-              }
-            },
-            {
-              "name": "controlPath",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
-            {
-              "name": "uiCustomMsg",
-              "optional": true,
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "description": "Computes a human-friendly anyOf error message for a given control path.\nPrefers UI schema custom message, then JSON schema errorMessage.anyOf, then a constructed fallback.",
-          "privacy": "public"
+          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => ConnectedMultiselectControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(MULTISELECT_CONTROL_RANK, isOneOfOptionMultiselect),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "mustMatch",
+          "name": "ConnectedMultiselectControlRendererTemplate",
           "declaration": {
-            "name": "mustMatch",
-            "module": "src/utils/validation.ts"
+            "name": "ConnectedMultiselectControlRendererTemplate",
+            "module": "src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "getAnyOfErrorMessage",
+          "name": "ConnectedMultiselectControlRendererEntry",
           "declaration": {
-            "name": "getAnyOfErrorMessage",
-            "module": "src/utils/validation.ts"
+            "name": "ConnectedMultiselectControlRendererEntry",
+            "module": "src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isArray.ts",
+      "path": "src/jsonforms/renderers/ConnectedSelectControlRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "isArray",
+          "name": "ConnectedSelectControlRendererTemplate",
           "parameters": [
             {
-              "name": "itemsType",
+              "name": "prefix",
+              "default": "'zero'",
               "type": {
-                "text": "ArrayItemsType"
+                "text": "string"
               }
             }
           ]
+        },
+        {
+          "kind": "variable",
+          "name": "ConnectedSelectControlRendererEntry",
+          "type": {
+            "text": "any"
+          },
+          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => ConnectedSelectControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(SELECT_CONTROL_RANK, or(optionIs('allOptionsResourceName'), optionIs('data'))),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "isArray",
+          "name": "ConnectedSelectControlRendererTemplate",
           "declaration": {
-            "name": "isArray",
-            "module": "src/jsonforms/testers/isArray.ts"
+            "name": "ConnectedSelectControlRendererTemplate",
+            "module": "src/jsonforms/renderers/ConnectedSelectControlRenderer.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isDate.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfDate"
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "isOneOfDate",
+          "name": "ConnectedSelectControlRendererEntry",
           "declaration": {
-            "name": "isOneOfDate",
-            "module": "src/jsonforms/testers/isDate.ts"
+            "name": "ConnectedSelectControlRendererEntry",
+            "module": "src/jsonforms/renderers/ConnectedSelectControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isInvisible.ts",
+      "path": "src/jsonforms/renderers/ControlWrapperRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "isInvisible",
+          "name": "controlWrapperTemplate",
           "return": {
             "type": {
-              "text": "boolean"
+              "text": "ViewTemplate<DispatchRenderer>"
             }
           },
           "parameters": [
             {
-              "name": "uischema",
+              "name": "options",
               "type": {
-                "text": "UISchemaElement"
+                "text": "ControlWrapperOptions"
               }
+            }
+          ],
+          "description": "Light-DOM-friendly control wrapper that replaces the former `<control-wrapper>`\ncustom element. Renders label, error/description slots, and composes a provided\ninner control template inline within the renderer's template so that bindings\nstay on the `DispatchRenderer` source.",
+          "privacy": "public"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ControlWrapper",
+          "members": [
+            {
+              "kind": "field",
+              "name": "control"
             },
             {
-              "name": "schema",
-              "type": {
-                "text": "JsonSchema"
+              "kind": "field",
+              "name": "jsonForms"
+            },
+            {
+              "kind": "field",
+              "name": "touched",
+              "type": {
+                "text": "boolean"
               }
             },
             {
-              "name": "context",
+              "kind": "field",
+              "name": "hideLabel",
               "type": {
-                "text": "TesterContext"
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "prefix",
+              "type": {
+                "text": "string"
               }
+            },
+            {
+              "kind": "field",
+              "name": "showDescription",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "computedLabel",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "getPrefixedTooltip",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "anyOfError",
+              "readonly": true
             }
-          ]
+          ],
+          "attributes": [
+            {
+              "name": "hide-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideLabel"
+            },
+            {
+              "name": "prefix",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "prefix"
+            }
+          ],
+          "superclass": {
+            "name": "FASTElement",
+            "package": "@microsoft/fast-element"
+          },
+          "deprecated": "Use `controlWrapperTemplate` instead. The `<control-wrapper>` custom element will be removed in a future major version. Migrate to the light-DOM `controlWrapperTemplate` function which renders inline within the parent renderer's template.",
+          "tagName": "control-wrapper",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "isInvisible",
+          "name": "controlWrapperTemplate",
           "declaration": {
-            "name": "isInvisible",
-            "module": "src/jsonforms/testers/isInvisible.ts"
+            "name": "controlWrapperTemplate",
+            "module": "src/jsonforms/renderers/ControlWrapperRenderer.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isOneOfBoolean.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfBoolean"
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "isOneOfBoolean",
+          "name": "ControlWrapper",
           "declaration": {
-            "name": "isOneOfBoolean",
-            "module": "src/jsonforms/testers/isOneOfBoolean.ts"
+            "name": "ControlWrapper",
+            "module": "src/jsonforms/renderers/ControlWrapperRenderer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "control-wrapper",
+          "declaration": {
+            "name": "ControlWrapper",
+            "module": "src/jsonforms/renderers/ControlWrapperRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isOneOfEnum.ts",
+      "path": "src/jsonforms/renderers/DateControlRenderer.ts",
       "declarations": [
+        {
+          "kind": "function",
+          "name": "DateControlRendererTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "default": "'zero'",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
         {
           "kind": "variable",
-          "name": "isOneOfEnum"
+          "name": "DateControlRendererEntry",
+          "type": {
+            "text": "RendererEntry"
+          },
+          "default": "{\n  renderer: html`\n    ${(x) => DateControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(DATE_CONTROL_RANK, isOneOfDate),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "isOneOfEnum",
+          "name": "DateControlRendererTemplate",
           "declaration": {
-            "name": "isOneOfEnum",
-            "module": "src/jsonforms/testers/isOneOfEnum.ts"
+            "name": "DateControlRendererTemplate",
+            "module": "src/jsonforms/renderers/DateControlRenderer.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isOneOfNumber.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfNumber"
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "isOneOfNumber",
+          "name": "DateControlRendererEntry",
           "declaration": {
-            "name": "isOneOfNumber",
-            "module": "src/jsonforms/testers/isOneOfNumber.ts"
+            "name": "DateControlRendererEntry",
+            "module": "src/jsonforms/renderers/DateControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isOneOfOptionMultiselect.ts",
+      "path": "src/jsonforms/renderers/DividerRenderer.ts",
       "declarations": [
+        {
+          "kind": "function",
+          "name": "DividerControlRendererTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "default": "'zero'",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
         {
           "kind": "variable",
-          "name": "isOneOfOptionMultiselect"
+          "name": "DividerControlRenderer",
+          "type": {
+            "text": "RendererEntry"
+          },
+          "default": "{\n  renderer: html`\n    ${(x) => DividerControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(DIVIDER_CONTROL_RANK, (args) => {\n    return args.options?.divider === true;\n  }),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "isOneOfOptionMultiselect",
+          "name": "DividerControlRendererTemplate",
           "declaration": {
-            "name": "isOneOfOptionMultiselect",
-            "module": "src/jsonforms/testers/isOneOfOptionMultiselect.ts"
+            "name": "DividerControlRendererTemplate",
+            "module": "src/jsonforms/renderers/DividerRenderer.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/testers/isTime.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "isOneOfTime"
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "isOneOfTime",
+          "name": "DividerControlRenderer",
           "declaration": {
-            "name": "isOneOfTime",
-            "module": "src/jsonforms/testers/isTime.ts"
+            "name": "DividerControlRenderer",
+            "module": "src/jsonforms/renderers/DividerRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/testers/optionIs.ts",
+      "path": "src/jsonforms/renderers/EnumControlRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "optionIs",
+          "name": "mapStateToEnumControlProps",
           "return": {
             "type": {
-              "text": "Tester"
+              "text": "StatePropsOfControl & OwnPropsOfEnum"
             }
           },
           "parameters": [
             {
-              "name": "optionName",
+              "name": "state",
+              "type": {
+                "text": "JsonFormsState"
+              }
+            },
+            {
+              "name": "ownProps",
+              "type": {
+                "text": "OwnPropsOfControl & OwnPropsOfEnum"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "EnumControlRendererTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "default": "'zero'",
               "type": {
                 "text": "string"
               }
             }
           ]
+        },
+        {
+          "kind": "variable",
+          "name": "EnumControlRendererEntry",
+          "type": {
+            "text": "RendererEntry"
+          },
+          "default": "{\n  renderer: html`\n    ${(x) => EnumControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(ENUM_CONTROL_RANK, isOneOfEnum),\n  mapper: mapStateToEnumControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "optionIs",
+          "name": "mapStateToEnumControlProps",
           "declaration": {
-            "name": "optionIs",
-            "module": "src/jsonforms/testers/optionIs.ts"
+            "name": "mapStateToEnumControlProps",
+            "module": "src/jsonforms/renderers/EnumControlRenderer.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "EnumControlRendererTemplate",
+          "declaration": {
+            "name": "EnumControlRendererTemplate",
+            "module": "src/jsonforms/renderers/EnumControlRenderer.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "EnumControlRendererEntry",
+          "declaration": {
+            "name": "EnumControlRendererEntry",
+            "module": "src/jsonforms/renderers/EnumControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/ArrayListWrapperRenderer.ts",
+      "path": "src/jsonforms/renderers/EnumRadioGroupControlRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "ArrayListWrapperRendererTemplate",
+          "name": "EnumRadioGroupControlRendererTemplate",
           "parameters": [
             {
               "name": "prefix",
@@ -2213,127 +2263,42 @@
           ]
         },
         {
-          "kind": "class",
-          "description": "",
-          "name": "ArrayListWrapper",
-          "members": [
-            {
-              "kind": "field",
-              "name": "form"
-            },
-            {
-              "kind": "field",
-              "name": "control"
-            },
-            {
-              "kind": "field",
-              "name": "schema"
-            },
-            {
-              "kind": "field",
-              "name": "uiSchema"
-            },
-            {
-              "kind": "field",
-              "name": "isGridView",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "gridViewHeaderCells",
-              "type": {
-                "text": "GridHeaderCell[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "gridViewUiSchema",
-              "type": {
-                "text": "any"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "controlChanged"
-            },
-            {
-              "kind": "method",
-              "name": "addItem"
-            },
-            {
-              "kind": "method",
-              "name": "deleteItem",
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "submitRow",
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  },
-                  "description": "The row index to submit"
-                }
-              ],
-              "description": "Submits a single row by emitting an event that bubbles up to the foundation-form."
-            }
-          ],
-          "superclass": {
-            "name": "FASTElement",
-            "package": "@microsoft/fast-element"
+          "kind": "variable",
+          "name": "EnumRadioGroupControlRendererEntry",
+          "type": {
+            "text": "RendererEntry"
           },
-          "tagName": "array-list-wrapper",
-          "customElement": true
+          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => EnumRadioGroupControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(ENUM_RADIO_GROUP_CONTROL_RANK, optionIs('radio')),\n  mapper: mapStateToControlProps,\n}",
+          "description": "A JSON Forms renderer that renders enum options as a radio-group.\n\nActivated when the uischema element has `options.radio: true`.\nTakes precedence over other enum renderers due to its higher rank.\n\nOptions are typed via RadioGroupRendererOptions.",
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ArrayListWrapperRendererTemplate",
+          "name": "EnumRadioGroupControlRendererTemplate",
           "declaration": {
-            "name": "ArrayListWrapperRendererTemplate",
-            "module": "src/jsonforms/renderers/ArrayListWrapperRenderer.ts"
+            "name": "EnumRadioGroupControlRendererTemplate",
+            "module": "src/jsonforms/renderers/EnumRadioGroupControlRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ArrayListWrapper",
-          "declaration": {
-            "name": "ArrayListWrapper",
-            "module": "src/jsonforms/renderers/ArrayListWrapperRenderer.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "array-list-wrapper",
+          "name": "EnumRadioGroupControlRendererEntry",
           "declaration": {
-            "name": "ArrayListWrapper",
-            "module": "src/jsonforms/renderers/ArrayListWrapperRenderer.ts"
+            "name": "EnumRadioGroupControlRendererEntry",
+            "module": "src/jsonforms/renderers/EnumRadioGroupControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/BooleanControlRenderer.ts",
+      "path": "src/jsonforms/renderers/FilterDateControlRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "BooleanControlRendererTemplate",
+          "name": "DateControlRendererTemplate",
           "parameters": [
             {
               "name": "prefix",
@@ -2346,132 +2311,84 @@
         },
         {
           "kind": "variable",
-          "name": "BooleanControlEntry",
+          "name": "FilterDateControlRendererEntry",
           "type": {
             "text": "RendererEntry"
           },
-          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => BooleanControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(BOOLEAN_CONTROL_RANK, isOneOfBoolean),\n  mapper: mapStateToControlProps,\n}"
+          "default": "{\n  renderer: html`\n    ${(x) => DateControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(DATE_CONTROL_RANK, isOneOfDate),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BooleanControlRendererTemplate",
+          "name": "DateControlRendererTemplate",
           "declaration": {
-            "name": "BooleanControlRendererTemplate",
-            "module": "src/jsonforms/renderers/BooleanControlRenderer.ts"
+            "name": "DateControlRendererTemplate",
+            "module": "src/jsonforms/renderers/FilterDateControlRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "BooleanControlEntry",
+          "name": "FilterDateControlRendererEntry",
           "declaration": {
-            "name": "BooleanControlEntry",
-            "module": "src/jsonforms/renderers/BooleanControlRenderer.ts"
+            "name": "FilterDateControlRendererEntry",
+            "module": "src/jsonforms/renderers/FilterDateControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts",
+      "path": "src/jsonforms/renderers/FilterNumberControlRenderer.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "tabControlIconStyles",
-          "default": "css`\n  .tab-control-icon {\n    margin-left: 3px;\n    color: #f9644d;\n  }\n`"
-        },
         {
           "kind": "function",
-          "name": "CategorizationWrapperRendererTemplate",
+          "name": "FilterNumberControlRendererTemplate",
           "parameters": [
             {
               "name": "prefix",
-              "default": "'zero'"
+              "default": "'zero'",
+              "type": {
+                "text": "string"
+              }
             }
           ]
         },
         {
-          "kind": "class",
-          "description": "",
-          "name": "CategorizationWrapper",
-          "members": [
-            {
-              "kind": "field",
-              "name": "form"
-            },
-            {
-              "kind": "field",
-              "name": "control"
-            },
-            {
-              "kind": "method",
-              "name": "hasCategoryError",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "categoryIndex",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            }
-          ],
-          "superclass": {
-            "name": "FASTElement",
-            "package": "@microsoft/fast-element"
+          "kind": "variable",
+          "name": "FilterNumberControlRendererEntry",
+          "type": {
+            "text": "RendererEntry"
           },
-          "tagName": "categorization-wrapper",
-          "customElement": true
+          "default": "{\n  renderer: html`\n    ${(x) => FilterNumberControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "tabControlIconStyles",
-          "declaration": {
-            "name": "tabControlIconStyles",
-            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CategorizationWrapperRendererTemplate",
+          "name": "FilterNumberControlRendererTemplate",
           "declaration": {
-            "name": "CategorizationWrapperRendererTemplate",
-            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
+            "name": "FilterNumberControlRendererTemplate",
+            "module": "src/jsonforms/renderers/FilterNumberControlRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "CategorizationWrapper",
-          "declaration": {
-            "name": "CategorizationWrapper",
-            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "categorization-wrapper",
+          "name": "FilterNumberControlRendererEntry",
           "declaration": {
-            "name": "CategorizationWrapper",
-            "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
+            "name": "FilterNumberControlRendererEntry",
+            "module": "src/jsonforms/renderers/FilterNumberControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts",
+      "path": "src/jsonforms/renderers/FilterTimeControlRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "ConnectedMultiselectControlRendererTemplate",
+          "name": "TimeControlRendererTemplate",
           "parameters": [
             {
               "name": "prefix",
@@ -2484,1119 +2401,690 @@
         },
         {
           "kind": "variable",
-          "name": "ConnectedMultiselectControlRendererEntry",
+          "name": "FilterTimeControlRendererEntry",
           "type": {
             "text": "RendererEntry"
           },
-          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => ConnectedMultiselectControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(MULTISELECT_CONTROL_RANK, isOneOfOptionMultiselect),\n  mapper: mapStateToControlProps,\n}"
+          "default": "{\n  renderer: html`\n    ${(x) => TimeControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(TIME_CONTROL_RANK, isOneOfTime),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ConnectedMultiselectControlRendererTemplate",
+          "name": "TimeControlRendererTemplate",
           "declaration": {
-            "name": "ConnectedMultiselectControlRendererTemplate",
-            "module": "src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts"
+            "name": "TimeControlRendererTemplate",
+            "module": "src/jsonforms/renderers/FilterTimeControlRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ConnectedMultiselectControlRendererEntry",
+          "name": "FilterTimeControlRendererEntry",
           "declaration": {
-            "name": "ConnectedMultiselectControlRendererEntry",
-            "module": "src/jsonforms/renderers/ConnectedMultiselectControlRenderer.ts"
+            "name": "FilterTimeControlRendererEntry",
+            "module": "src/jsonforms/renderers/FilterTimeControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/ConnectedSelectControlRenderer.ts",
+      "path": "src/jsonforms/renderers/InvisibleControlRenderer.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "ConnectedSelectControlRendererTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'zero'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "InvisibleControlRendererTemplate",
+          "default": "html<DispatchRenderer>`\n  <template>\n    <pre\n      :value=${(x) => x.control.data || ''}\n      id=${(x) => x.control.path}\n      data-test-id=${(x) => x.control.path}\n      style=\"display: none\"\n    ></pre>\n  </template>\n`"
         },
         {
           "kind": "variable",
-          "name": "ConnectedSelectControlRendererEntry",
+          "name": "InvisibleControlEntry",
           "type": {
-            "text": "any"
+            "text": "RendererEntry"
           },
-          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => ConnectedSelectControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(SELECT_CONTROL_RANK, or(optionIs('allOptionsResourceName'), optionIs('data'))),\n  mapper: mapStateToControlProps,\n}"
+          "default": "{\n  renderer: InvisibleControlRendererTemplate,\n  tester: rankWith(INVISIBLE_CONTROL_RANK, isInvisible),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ConnectedSelectControlRendererTemplate",
+          "name": "InvisibleControlRendererTemplate",
           "declaration": {
-            "name": "ConnectedSelectControlRendererTemplate",
-            "module": "src/jsonforms/renderers/ConnectedSelectControlRenderer.ts"
+            "name": "InvisibleControlRendererTemplate",
+            "module": "src/jsonforms/renderers/InvisibleControlRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ConnectedSelectControlRendererEntry",
+          "name": "InvisibleControlEntry",
           "declaration": {
-            "name": "ConnectedSelectControlRendererEntry",
-            "module": "src/jsonforms/renderers/ConnectedSelectControlRenderer.ts"
+            "name": "InvisibleControlEntry",
+            "module": "src/jsonforms/renderers/InvisibleControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/ControlWrapperRenderer.ts",
+      "path": "src/jsonforms/renderers/LayoutArrayRenderer.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "controlWrapperTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<DispatchRenderer>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "options",
-              "type": {
-                "text": "ControlWrapperOptions"
-              }
-            }
-          ],
-          "description": "Light-DOM-friendly control wrapper that replaces the former `<control-wrapper>`\ncustom element. Renders label, error/description slots, and composes a provided\ninner control template inline within the renderer's template so that bindings\nstay on the `DispatchRenderer` source.",
-          "privacy": "public"
+          "kind": "variable",
+          "name": "LayoutArrayRendererTemplate",
+          "default": "html<DispatchRenderer>`\n  <template>\n    <div style=\"${(x) => (x.control.uischema.options?.border ? borderStyle : '')}\">\n      ${controlWrapperTemplate({\n        prefix: 'zero',\n        innerTemplate: html<DispatchRenderer>`\n          <array-list-wrapper :form=${(x) => x} :control=${(x) => x.control}></array-list-wrapper>\n        `,\n      })}\n    </div>\n  </template>\n`"
         },
         {
-          "kind": "class",
-          "description": "",
-          "name": "ControlWrapper",
-          "members": [
-            {
-              "kind": "field",
-              "name": "control"
-            },
-            {
-              "kind": "field",
-              "name": "jsonForms"
-            },
-            {
-              "kind": "field",
-              "name": "touched",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "prefix",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "showDescription",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "computedLabel",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "getPrefixedTooltip",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "anyOfError",
-              "readonly": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "hide-label",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hideLabel"
-            },
-            {
-              "name": "prefix",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "prefix"
-            }
-          ],
-          "superclass": {
-            "name": "FASTElement",
-            "package": "@microsoft/fast-element"
+          "kind": "variable",
+          "name": "LayoutArrayRendererEntry",
+          "type": {
+            "text": "any"
           },
-          "deprecated": "Use `controlWrapperTemplate` instead. The `<control-wrapper>` custom element will be removed in a future major version. Migrate to the light-DOM `controlWrapperTemplate` function which renders inline within the parent renderer's template.",
-          "tagName": "control-wrapper",
-          "customElement": true
+          "default": "{\n  renderer: LayoutArrayRendererTemplate,\n  tester: rankWith(LAYOUT_ARRAY_RANK, isArray('object')),\n  mapper: mapStateToArrayLayoutProps,\n  dispatchMapper: mapDispatchToArrayControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "controlWrapperTemplate",
+          "name": "LayoutArrayRendererTemplate",
           "declaration": {
-            "name": "controlWrapperTemplate",
-            "module": "src/jsonforms/renderers/ControlWrapperRenderer.ts"
+            "name": "LayoutArrayRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutArrayRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "ControlWrapper",
-          "declaration": {
-            "name": "ControlWrapper",
-            "module": "src/jsonforms/renderers/ControlWrapperRenderer.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "control-wrapper",
+          "name": "LayoutArrayRendererEntry",
           "declaration": {
-            "name": "ControlWrapper",
-            "module": "src/jsonforms/renderers/ControlWrapperRenderer.ts"
+            "name": "LayoutArrayRendererEntry",
+            "module": "src/jsonforms/renderers/LayoutArrayRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/DateControlRenderer.ts",
+      "path": "src/jsonforms/renderers/LayoutCategorizationRenderer.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "DateControlRendererTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'zero'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "LayoutCategorizationRendererTemplate",
+          "default": "html`\n  <template>\n    <categorization-wrapper :form=${(x) => x} :control=${(x) => x.control}></categorization-wrapper>\n  </template>\n`"
         },
         {
           "kind": "variable",
-          "name": "DateControlRendererEntry",
+          "name": "LayoutCategorizationRendererEntry",
           "type": {
-            "text": "RendererEntry"
+            "text": "any"
           },
-          "default": "{\n  renderer: html`\n    ${(x) => DateControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(DATE_CONTROL_RANK, isOneOfDate),\n  mapper: mapStateToControlProps,\n}"
+          "default": "{\n  renderer: LayoutCategorizationRendererTemplate,\n  tester: rankWith(LAYOUT_CATEGORIZATION_RANK, (uiSchema) => uiSchema.type === 'Categorization'),\n  mapper: mapStateToLayoutProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DateControlRendererTemplate",
+          "name": "LayoutCategorizationRendererTemplate",
           "declaration": {
-            "name": "DateControlRendererTemplate",
-            "module": "src/jsonforms/renderers/DateControlRenderer.ts"
+            "name": "LayoutCategorizationRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutCategorizationRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "DateControlRendererEntry",
+          "name": "LayoutCategorizationRendererEntry",
           "declaration": {
-            "name": "DateControlRendererEntry",
-            "module": "src/jsonforms/renderers/DateControlRenderer.ts"
+            "name": "LayoutCategorizationRendererEntry",
+            "module": "src/jsonforms/renderers/LayoutCategorizationRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/DividerRenderer.ts",
+      "path": "src/jsonforms/renderers/LayoutFormGridRenderer.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "DividerControlRendererTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'zero'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "LayoutFormGridRendererTemplate",
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div\n          style=\"\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 8px;\n          \"\n        >\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
         },
         {
           "kind": "variable",
-          "name": "DividerControlRenderer",
+          "name": "LayoutFormGridEntry",
           "type": {
-            "text": "RendererEntry"
+            "text": "any"
           },
-          "default": "{\n  renderer: html`\n    ${(x) => DividerControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(DIVIDER_CONTROL_RANK, (args) => {\n    return args.options?.divider === true;\n  }),\n  mapper: mapStateToControlProps,\n}"
+          "default": "{\n  renderer: LayoutFormGridRendererTemplate,\n  tester: rankWith(LAYOUT_FORM_GRID_RANK, (uiSchema) => uiSchema.type === 'FormGridLayout'),\n  mapper: mapStateToLayoutProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DividerControlRendererTemplate",
+          "name": "LayoutFormGridRendererTemplate",
           "declaration": {
-            "name": "DividerControlRendererTemplate",
-            "module": "src/jsonforms/renderers/DividerRenderer.ts"
+            "name": "LayoutFormGridRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutFormGridRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "DividerControlRenderer",
+          "name": "LayoutFormGridEntry",
           "declaration": {
-            "name": "DividerControlRenderer",
-            "module": "src/jsonforms/renderers/DividerRenderer.ts"
+            "name": "LayoutFormGridEntry",
+            "module": "src/jsonforms/renderers/LayoutFormGridRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/EnumControlRenderer.ts",
+      "path": "src/jsonforms/renderers/LayoutGroupRenderer.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "mapStateToEnumControlProps",
-          "return": {
-            "type": {
-              "text": "StatePropsOfControl & OwnPropsOfEnum"
-            }
-          },
-          "parameters": [
-            {
-              "name": "state",
-              "type": {
-                "text": "JsonFormsState"
-              }
-            },
-            {
-              "name": "ownProps",
-              "type": {
-                "text": "OwnPropsOfControl & OwnPropsOfEnum"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "EnumControlRendererTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'zero'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "LayoutGroupRendererTemplate",
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      hideLabel: true,\n      innerTemplate: html<DispatchRenderer>`\n        <div>\n          ${when(\n            (x) => x.control.label,\n            html<DispatchRenderer>`\n              <div\n                for=\"${(x) => x.control.path + '-wrapper'}\"\n                style=\"color: var(--neutral-foreground-rest);\n                     padding-bottom: calc(var(--design-unit) * 1px);\n                     margin-bottom: calc(var(--design-unit) * 4px);\n                     font-weight: 600;\n                     font-size: var(--type-ramp-base-font-size);\n                     display: flex;\n                     justify-content: space-between;\"\n              >\n                ${(x) => x.control.label}\n              </div>\n            `,\n          )}\n          ${repeat(\n            (x) => x.control.uischema.options.childElements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
         },
         {
           "kind": "variable",
-          "name": "EnumControlRendererEntry",
+          "name": "LayoutGroupRendererEntry",
           "type": {
-            "text": "RendererEntry"
+            "text": "any"
           },
-          "default": "{\n  renderer: html`\n    ${(x) => EnumControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(ENUM_CONTROL_RANK, isOneOfEnum),\n  mapper: mapStateToEnumControlProps,\n}"
+          "default": "{\n  renderer: LayoutGroupRendererTemplate,\n  tester: rankWith(LAYOUT_GROUP_RANK, isGroup),\n  mapper: mapStateToLayoutProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "mapStateToEnumControlProps",
+          "name": "LayoutGroupRendererTemplate",
           "declaration": {
-            "name": "mapStateToEnumControlProps",
-            "module": "src/jsonforms/renderers/EnumControlRenderer.ts"
+            "name": "LayoutGroupRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutGroupRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "EnumControlRendererTemplate",
-          "declaration": {
-            "name": "EnumControlRendererTemplate",
-            "module": "src/jsonforms/renderers/EnumControlRenderer.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EnumControlRendererEntry",
+          "name": "LayoutGroupRendererEntry",
           "declaration": {
-            "name": "EnumControlRendererEntry",
-            "module": "src/jsonforms/renderers/EnumControlRenderer.ts"
+            "name": "LayoutGroupRendererEntry",
+            "module": "src/jsonforms/renderers/LayoutGroupRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/EnumRadioGroupControlRenderer.ts",
+      "path": "src/jsonforms/renderers/LayoutHorizontalRenderer.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "EnumRadioGroupControlRendererTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'zero'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "LayoutHorizontalRendererTemplate",
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div\n          style=\"\n            display: flex;\n            flex-direction: row;\n            gap: 10px\"\n        >\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                style=\"flex: 1; min-width: 0\"\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
         },
         {
           "kind": "variable",
-          "name": "EnumRadioGroupControlRendererEntry",
+          "name": "LayoutHorizontalEntry",
           "type": {
-            "text": "RendererEntry"
+            "text": "any"
           },
-          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => EnumRadioGroupControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(ENUM_RADIO_GROUP_CONTROL_RANK, optionIs('radio')),\n  mapper: mapStateToControlProps,\n}",
-          "description": "A JSON Forms renderer that renders enum options as a radio-group.\n\nActivated when the uischema element has `options.radio: true`.\nTakes precedence over other enum renderers due to its higher rank.\n\nOptions are typed via RadioGroupRendererOptions.",
-          "privacy": "public"
+          "default": "{\n  renderer: LayoutHorizontalRendererTemplate,\n  tester: rankWith(LAYOUT_HORIZONTAL_RANK, (uiSchema) => uiSchema.type === 'HorizontalLayout'),\n  mapper: mapStateToLayoutProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "EnumRadioGroupControlRendererTemplate",
+          "name": "LayoutHorizontalRendererTemplate",
           "declaration": {
-            "name": "EnumRadioGroupControlRendererTemplate",
-            "module": "src/jsonforms/renderers/EnumRadioGroupControlRenderer.ts"
+            "name": "LayoutHorizontalRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutHorizontalRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "EnumRadioGroupControlRendererEntry",
+          "name": "LayoutHorizontalEntry",
           "declaration": {
-            "name": "EnumRadioGroupControlRendererEntry",
-            "module": "src/jsonforms/renderers/EnumRadioGroupControlRenderer.ts"
+            "name": "LayoutHorizontalEntry",
+            "module": "src/jsonforms/renderers/LayoutHorizontalRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/FilterDateControlRenderer.ts",
+      "path": "src/jsonforms/renderers/LayoutRenderer.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "DateControlRendererTemplate",
+          "name": "layoutWrapperTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<DispatchRenderer>"
+            }
+          },
           "parameters": [
             {
-              "name": "prefix",
-              "default": "'zero'",
+              "name": "options",
               "type": {
-                "text": "string"
+                "text": "LayoutWrapperOptions"
               }
             }
-          ]
+          ],
+          "description": "Light-DOM-friendly layout wrapper that replaces the former `<layout-wrapper>`\ncustom element. Renders the (optional) control label and, when the control is\nvisible, composes the provided inner template inline so that bindings stay on\nthe `DispatchRenderer` source.",
+          "privacy": "public"
         },
         {
           "kind": "variable",
-          "name": "FilterDateControlRendererEntry",
+          "name": "LayoutRendererTemplate",
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div>\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "LayoutRendererEntry",
           "type": {
-            "text": "RendererEntry"
+            "text": "any"
           },
-          "default": "{\n  renderer: html`\n    ${(x) => DateControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(DATE_CONTROL_RANK, isOneOfDate),\n  mapper: mapStateToControlProps,\n}"
+          "default": "{\n  renderer: LayoutRendererTemplate,\n  tester: rankWith(LAYOUT_RANK, isLayout),\n  mapper: mapStateToLayoutProps,\n}"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LayoutWrapper",
+          "members": [
+            {
+              "kind": "field",
+              "name": "control"
+            },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hide-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideLabel"
+            }
+          ],
+          "superclass": {
+            "name": "FASTElement",
+            "package": "@microsoft/fast-element"
+          },
+          "deprecated": "Use `layoutWrapperTemplate` instead. The `<layout-wrapper>` custom element will be removed in a future major version. Migrate to the light-DOM `layoutWrapperTemplate` function which renders inline within the parent renderer's template.",
+          "tagName": "layout-wrapper",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DateControlRendererTemplate",
+          "name": "layoutWrapperTemplate",
           "declaration": {
-            "name": "DateControlRendererTemplate",
-            "module": "src/jsonforms/renderers/FilterDateControlRenderer.ts"
+            "name": "layoutWrapperTemplate",
+            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "FilterDateControlRendererEntry",
+          "name": "LayoutRendererTemplate",
           "declaration": {
-            "name": "FilterDateControlRendererEntry",
-            "module": "src/jsonforms/renderers/FilterDateControlRenderer.ts"
+            "name": "LayoutRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/FilterNumberControlRenderer.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "FilterNumberControlRendererTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'zero'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
         },
-        {
-          "kind": "variable",
-          "name": "FilterNumberControlRendererEntry",
-          "type": {
-            "text": "RendererEntry"
-          },
-          "default": "{\n  renderer: html`\n    ${(x) => FilterNumberControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),\n  mapper: mapStateToControlProps,\n}"
-        }
-      ],
-      "exports": [
         {
           "kind": "js",
-          "name": "FilterNumberControlRendererTemplate",
+          "name": "LayoutRendererEntry",
           "declaration": {
-            "name": "FilterNumberControlRendererTemplate",
-            "module": "src/jsonforms/renderers/FilterNumberControlRenderer.ts"
+            "name": "LayoutRendererEntry",
+            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "FilterNumberControlRendererEntry",
+          "name": "LayoutWrapper",
           "declaration": {
-            "name": "FilterNumberControlRendererEntry",
-            "module": "src/jsonforms/renderers/FilterNumberControlRenderer.ts"
+            "name": "LayoutWrapper",
+            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "layout-wrapper",
+          "declaration": {
+            "name": "LayoutWrapper",
+            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/FilterTimeControlRenderer.ts",
+      "path": "src/jsonforms/renderers/LayoutStepperRenderer.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "TimeControlRendererTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'zero'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "LayoutStepperRendererTemplate",
+          "default": "html`\n  <template>\n    <stepper-wrapper :form=${(x) => x} :control=${(x) => x.control}></stepper-wrapper>\n  </template>\n`"
         },
         {
           "kind": "variable",
-          "name": "FilterTimeControlRendererEntry",
+          "name": "LayoutStepperRendererEntry",
           "type": {
-            "text": "RendererEntry"
+            "text": "any"
           },
-          "default": "{\n  renderer: html`\n    ${(x) => TimeControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(TIME_CONTROL_RANK, isOneOfTime),\n  mapper: mapStateToControlProps,\n}"
+          "default": "{\n  renderer: LayoutStepperRendererTemplate,\n  tester: rankWith(LAYOUT_STEPPER_RANK, (uiSchema) => uiSchema.type === 'Stepper'),\n  mapper: mapStateToLayoutProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TimeControlRendererTemplate",
+          "name": "LayoutStepperRendererTemplate",
           "declaration": {
-            "name": "TimeControlRendererTemplate",
-            "module": "src/jsonforms/renderers/FilterTimeControlRenderer.ts"
+            "name": "LayoutStepperRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutStepperRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "FilterTimeControlRendererEntry",
+          "name": "LayoutStepperRendererEntry",
           "declaration": {
-            "name": "FilterTimeControlRendererEntry",
-            "module": "src/jsonforms/renderers/FilterTimeControlRenderer.ts"
+            "name": "LayoutStepperRendererEntry",
+            "module": "src/jsonforms/renderers/LayoutStepperRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/InvisibleControlRenderer.ts",
+      "path": "src/jsonforms/renderers/LayoutVertical2ColumnsRenderer.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "InvisibleControlRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    <pre\n      :value=${(x) => x.control.data || ''}\n      id=${(x) => x.control.path}\n      data-test-id=${(x) => x.control.path}\n      style=\"display: none\"\n    ></pre>\n  </template>\n`"
+          "name": "LayoutVertical2ColumnsRendererTemplate",
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div\n          style=\"\n            display: flex;\n            flex-direction: row;\n            flex-wrap: wrap;\n            justify-content: space-between;\"\n        >\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <div style=\"width: 49%\">\n                <dispatch-renderer\n                  :submitted=${(x, ctx) => ctx.parent.submitted}\n                  :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                  :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                  :prefix=${(x, ctx) => ctx.parent.prefix}\n                  :props=${(x, ctx) => ({\n                    uischema: x,\n                    schema: ctx.parent.control.schema,\n                    renderers: ctx.parent.control.renderers,\n                    path: ctx.parent.control.path,\n                    enabled: ctx.parent.control.enabled,\n                  })}\n                ></dispatch-renderer>\n              </div>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
         },
         {
           "kind": "variable",
-          "name": "InvisibleControlEntry",
+          "name": "LayoutVertical2ColumnsEntry",
           "type": {
-            "text": "RendererEntry"
+            "text": "any"
           },
-          "default": "{\n  renderer: InvisibleControlRendererTemplate,\n  tester: rankWith(INVISIBLE_CONTROL_RANK, isInvisible),\n  mapper: mapStateToControlProps,\n}"
+          "default": "{\n  renderer: LayoutVertical2ColumnsRendererTemplate,\n  tester: rankWith(LAYOUT2COLUMNS_RANK, (uiSchema) => uiSchema.type === 'LayoutVertical2Columns'),\n  mapper: mapStateToLayoutProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "InvisibleControlRendererTemplate",
+          "name": "LayoutVertical2ColumnsRendererTemplate",
           "declaration": {
-            "name": "InvisibleControlRendererTemplate",
-            "module": "src/jsonforms/renderers/InvisibleControlRenderer.ts"
+            "name": "LayoutVertical2ColumnsRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutVertical2ColumnsRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "InvisibleControlEntry",
+          "name": "LayoutVertical2ColumnsEntry",
           "declaration": {
-            "name": "InvisibleControlEntry",
-            "module": "src/jsonforms/renderers/InvisibleControlRenderer.ts"
+            "name": "LayoutVertical2ColumnsEntry",
+            "module": "src/jsonforms/renderers/LayoutVertical2ColumnsRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/LayoutArrayRenderer.ts",
+      "path": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "LayoutArrayRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    <div style=\"${(x) => (x.control.uischema.options?.border ? borderStyle : '')}\">\n      ${controlWrapperTemplate({\n        prefix: 'zero',\n        innerTemplate: html<DispatchRenderer>`\n          <array-list-wrapper :form=${(x) => x} :control=${(x) => x.control}></array-list-wrapper>\n        `,\n      })}\n    </div>\n  </template>\n`"
+          "name": "LayoutVerticalCategorizationRendererTemplate",
+          "default": "html`\n  <template>\n    <vertical-categorization-wrapper\n      :form=${(x) => x}\n      :control=${(x) => x.control}\n      height=${(x) =>\n        getVerticalCategorizationHeight(\n          (x.control.uischema.options as CategorizationLayoutOptions | undefined)?.layout,\n        ) ?? ''}\n    ></vertical-categorization-wrapper>\n  </template>\n`"
         },
         {
           "kind": "variable",
-          "name": "LayoutArrayRendererEntry",
+          "name": "LayoutVerticalCategorizationRendererEntry",
           "type": {
             "text": "any"
           },
-          "default": "{\n  renderer: LayoutArrayRendererTemplate,\n  tester: rankWith(LAYOUT_ARRAY_RANK, isArray('object')),\n  mapper: mapStateToArrayLayoutProps,\n  dispatchMapper: mapDispatchToArrayControlProps,\n}"
+          "default": "{\n  renderer: LayoutVerticalCategorizationRendererTemplate,\n  tester: rankWith(\n    LAYOUT_VERTICAL_CATEGORIZATION_RANK,\n    (uiSchema) =>\n      uiSchema.type === 'Categorization' &&\n      isVerticalCategorizationLayout(\n        (uiSchema.options as CategorizationLayoutOptions | undefined)?.layout,\n      ),\n  ),\n  mapper: mapStateToLayoutProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LayoutArrayRendererTemplate",
+          "name": "LayoutVerticalCategorizationRendererTemplate",
           "declaration": {
-            "name": "LayoutArrayRendererTemplate",
-            "module": "src/jsonforms/renderers/LayoutArrayRenderer.ts"
+            "name": "LayoutVerticalCategorizationRendererTemplate",
+            "module": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "LayoutArrayRendererEntry",
+          "name": "LayoutVerticalCategorizationRendererEntry",
           "declaration": {
-            "name": "LayoutArrayRendererEntry",
-            "module": "src/jsonforms/renderers/LayoutArrayRenderer.ts"
+            "name": "LayoutVerticalCategorizationRendererEntry",
+            "module": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/LayoutCategorizationRenderer.ts",
+      "path": "src/jsonforms/renderers/MulticolumnDropdownControlRenderer.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "LayoutCategorizationRendererTemplate",
-          "default": "html`\n  <template>\n    <categorization-wrapper :form=${(x) => x} :control=${(x) => x.control}></categorization-wrapper>\n  </template>\n`"
+          "kind": "function",
+          "name": "MulticolumnDropdownControlRendererTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "default": "'zero'",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
         },
         {
           "kind": "variable",
-          "name": "LayoutCategorizationRendererEntry",
+          "name": "MulticolumnDropdownControlRendererEntry",
           "type": {
             "text": "any"
           },
-          "default": "{\n  renderer: LayoutCategorizationRendererTemplate,\n  tester: rankWith(LAYOUT_CATEGORIZATION_RANK, (uiSchema) => uiSchema.type === 'Categorization'),\n  mapper: mapStateToLayoutProps,\n}"
+          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => MulticolumnDropdownControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(MULTICOLUMN_DROPDOWN_CONTROL_RANK, optionIs('columnDefinitions')),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LayoutCategorizationRendererTemplate",
+          "name": "MulticolumnDropdownControlRendererTemplate",
           "declaration": {
-            "name": "LayoutCategorizationRendererTemplate",
-            "module": "src/jsonforms/renderers/LayoutCategorizationRenderer.ts"
+            "name": "MulticolumnDropdownControlRendererTemplate",
+            "module": "src/jsonforms/renderers/MulticolumnDropdownControlRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "LayoutCategorizationRendererEntry",
+          "name": "MulticolumnDropdownControlRendererEntry",
           "declaration": {
-            "name": "LayoutCategorizationRendererEntry",
-            "module": "src/jsonforms/renderers/LayoutCategorizationRenderer.ts"
+            "name": "MulticolumnDropdownControlRendererEntry",
+            "module": "src/jsonforms/renderers/MulticolumnDropdownControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/LayoutFormGridRenderer.ts",
+      "path": "src/jsonforms/renderers/NumberControlRenderer.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "LayoutFormGridRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div\n          style=\"\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 8px;\n          \"\n        >\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+          "kind": "function",
+          "name": "NumberControlRendererTemplate",
+          "parameters": [
+            {
+              "name": "prefix",
+              "default": "'zero'",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
         },
         {
           "kind": "variable",
-          "name": "LayoutFormGridEntry",
+          "name": "NumberControlRendererEntry",
           "type": {
-            "text": "any"
+            "text": "RendererEntry"
           },
-          "default": "{\n  renderer: LayoutFormGridRendererTemplate,\n  tester: rankWith(LAYOUT_FORM_GRID_RANK, (uiSchema) => uiSchema.type === 'FormGridLayout'),\n  mapper: mapStateToLayoutProps,\n}"
+          "default": "{\n  renderer: html`\n    ${(x) => NumberControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),\n  mapper: mapStateToControlProps,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LayoutFormGridRendererTemplate",
+          "name": "NumberControlRendererTemplate",
           "declaration": {
-            "name": "LayoutFormGridRendererTemplate",
-            "module": "src/jsonforms/renderers/LayoutFormGridRenderer.ts"
+            "name": "NumberControlRendererTemplate",
+            "module": "src/jsonforms/renderers/NumberControlRenderer.ts"
           }
         },
         {
           "kind": "js",
-          "name": "LayoutFormGridEntry",
+          "name": "NumberControlRendererEntry",
           "declaration": {
-            "name": "LayoutFormGridEntry",
-            "module": "src/jsonforms/renderers/LayoutFormGridRenderer.ts"
+            "name": "NumberControlRendererEntry",
+            "module": "src/jsonforms/renderers/NumberControlRenderer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/LayoutGroupRenderer.ts",
+      "path": "src/jsonforms/renderers/RenderersRanks.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "LayoutGroupRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      hideLabel: true,\n      innerTemplate: html<DispatchRenderer>`\n        <div>\n          ${when(\n            (x) => x.control.label,\n            html<DispatchRenderer>`\n              <div\n                for=\"${(x) => x.control.path + '-wrapper'}\"\n                style=\"color: var(--neutral-foreground-rest);\n                     padding-bottom: calc(var(--design-unit) * 1px);\n                     margin-bottom: calc(var(--design-unit) * 4px);\n                     font-weight: 600;\n                     font-size: var(--type-ramp-base-font-size);\n                     display: flex;\n                     justify-content: space-between;\"\n              >\n                ${(x) => x.control.label}\n              </div>\n            `,\n          )}\n          ${repeat(\n            (x) => x.control.uischema.options.childElements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+          "name": "NUMBER_CONTROL_RANK",
+          "type": {
+            "text": "number"
+          },
+          "default": "3"
         },
         {
           "kind": "variable",
-          "name": "LayoutGroupRendererEntry",
+          "name": "BOOLEAN_CONTROL_RANK",
           "type": {
-            "text": "any"
+            "text": "number"
           },
-          "default": "{\n  renderer: LayoutGroupRendererTemplate,\n  tester: rankWith(LAYOUT_GROUP_RANK, isGroup),\n  mapper: mapStateToLayoutProps,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LayoutGroupRendererTemplate",
-          "declaration": {
-            "name": "LayoutGroupRendererTemplate",
-            "module": "src/jsonforms/renderers/LayoutGroupRenderer.ts"
-          }
+          "default": "3"
         },
-        {
-          "kind": "js",
-          "name": "LayoutGroupRendererEntry",
-          "declaration": {
-            "name": "LayoutGroupRendererEntry",
-            "module": "src/jsonforms/renderers/LayoutGroupRenderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/LayoutHorizontalRenderer.ts",
-      "declarations": [
         {
           "kind": "variable",
-          "name": "LayoutHorizontalRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div\n          style=\"\n            display: flex;\n            flex-direction: row;\n            gap: 10px\"\n        >\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                style=\"flex: 1; min-width: 0\"\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+          "name": "ARRAY_CONTROL_RANK",
+          "type": {
+            "text": "number"
+          },
+          "default": "3"
         },
         {
           "kind": "variable",
-          "name": "LayoutHorizontalEntry",
+          "name": "MULTISELECT_CONTROL_RANK",
           "type": {
-            "text": "any"
+            "text": "number"
           },
-          "default": "{\n  renderer: LayoutHorizontalRendererTemplate,\n  tester: rankWith(LAYOUT_HORIZONTAL_RANK, (uiSchema) => uiSchema.type === 'HorizontalLayout'),\n  mapper: mapStateToLayoutProps,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LayoutHorizontalRendererTemplate",
-          "declaration": {
-            "name": "LayoutHorizontalRendererTemplate",
-            "module": "src/jsonforms/renderers/LayoutHorizontalRenderer.ts"
-          }
+          "default": "4"
         },
         {
-          "kind": "js",
-          "name": "LayoutHorizontalEntry",
-          "declaration": {
-            "name": "LayoutHorizontalEntry",
-            "module": "src/jsonforms/renderers/LayoutHorizontalRenderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/LayoutRenderer.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "layoutWrapperTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<DispatchRenderer>"
-            }
+          "kind": "variable",
+          "name": "ENUM_CONTROL_RANK",
+          "type": {
+            "text": "number"
           },
-          "parameters": [
-            {
-              "name": "options",
-              "type": {
-                "text": "LayoutWrapperOptions"
-              }
-            }
-          ],
-          "description": "Light-DOM-friendly layout wrapper that replaces the former `<layout-wrapper>`\ncustom element. Renders the (optional) control label and, when the control is\nvisible, composes the provided inner template inline so that bindings stay on\nthe `DispatchRenderer` source.",
-          "privacy": "public"
+          "default": "3"
         },
         {
           "kind": "variable",
-          "name": "LayoutRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div>\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+          "name": "SELECT_CONTROL_RANK",
+          "type": {
+            "text": "number"
+          },
+          "default": "4"
         },
         {
           "kind": "variable",
-          "name": "LayoutRendererEntry",
+          "name": "DATE_CONTROL_RANK",
           "type": {
-            "text": "any"
+            "text": "number"
           },
-          "default": "{\n  renderer: LayoutRendererTemplate,\n  tester: rankWith(LAYOUT_RANK, isLayout),\n  mapper: mapStateToLayoutProps,\n}"
+          "default": "4"
         },
         {
-          "kind": "class",
-          "description": "",
-          "name": "LayoutWrapper",
-          "members": [
-            {
-              "kind": "field",
-              "name": "control"
-            },
-            {
-              "kind": "field",
-              "name": "hideLabel",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "hide-label",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hideLabel"
-            }
-          ],
-          "superclass": {
-            "name": "FASTElement",
-            "package": "@microsoft/fast-element"
+          "kind": "variable",
+          "name": "TIME_CONTROL_RANK",
+          "type": {
+            "text": "number"
           },
-          "deprecated": "Use `layoutWrapperTemplate` instead. The `<layout-wrapper>` custom element will be removed in a future major version. Migrate to the light-DOM `layoutWrapperTemplate` function which renders inline within the parent renderer's template.",
-          "tagName": "layout-wrapper",
-          "customElement": true
-        }
-      ],
-      "exports": [
+          "default": "4"
+        },
         {
-          "kind": "js",
-          "name": "layoutWrapperTemplate",
-          "declaration": {
-            "name": "layoutWrapperTemplate",
-            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
-          }
+          "kind": "variable",
+          "name": "LAYOUT_RANK",
+          "type": {
+            "text": "number"
+          },
+          "default": "2"
         },
         {
-          "kind": "js",
-          "name": "LayoutRendererTemplate",
-          "declaration": {
-            "name": "LayoutRendererTemplate",
-            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
-          }
+          "kind": "variable",
+          "name": "LAYOUT_ARRAY_RANK",
+          "type": {
+            "text": "number"
+          },
+          "default": "2"
         },
         {
-          "kind": "js",
-          "name": "LayoutRendererEntry",
-          "declaration": {
-            "name": "LayoutRendererEntry",
-            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LayoutWrapper",
-          "declaration": {
-            "name": "LayoutWrapper",
-            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "layout-wrapper",
-          "declaration": {
-            "name": "LayoutWrapper",
-            "module": "src/jsonforms/renderers/LayoutRenderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/LayoutStepperRenderer.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "LayoutStepperRendererTemplate",
-          "default": "html`\n  <template>\n    <stepper-wrapper :form=${(x) => x} :control=${(x) => x.control}></stepper-wrapper>\n  </template>\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "LayoutStepperRendererEntry",
-          "type": {
-            "text": "any"
-          },
-          "default": "{\n  renderer: LayoutStepperRendererTemplate,\n  tester: rankWith(LAYOUT_STEPPER_RANK, (uiSchema) => uiSchema.type === 'Stepper'),\n  mapper: mapStateToLayoutProps,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LayoutStepperRendererTemplate",
-          "declaration": {
-            "name": "LayoutStepperRendererTemplate",
-            "module": "src/jsonforms/renderers/LayoutStepperRenderer.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LayoutStepperRendererEntry",
-          "declaration": {
-            "name": "LayoutStepperRendererEntry",
-            "module": "src/jsonforms/renderers/LayoutStepperRenderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/LayoutVertical2ColumnsRenderer.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "LayoutVertical2ColumnsRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div\n          style=\"\n            display: flex;\n            flex-direction: row;\n            flex-wrap: wrap;\n            justify-content: space-between;\"\n        >\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <div style=\"width: 49%\">\n                <dispatch-renderer\n                  :submitted=${(x, ctx) => ctx.parent.submitted}\n                  :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                  :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                  :prefix=${(x, ctx) => ctx.parent.prefix}\n                  :props=${(x, ctx) => ({\n                    uischema: x,\n                    schema: ctx.parent.control.schema,\n                    renderers: ctx.parent.control.renderers,\n                    path: ctx.parent.control.path,\n                    enabled: ctx.parent.control.enabled,\n                  })}\n                ></dispatch-renderer>\n              </div>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "LayoutVertical2ColumnsEntry",
-          "type": {
-            "text": "any"
-          },
-          "default": "{\n  renderer: LayoutVertical2ColumnsRendererTemplate,\n  tester: rankWith(LAYOUT2COLUMNS_RANK, (uiSchema) => uiSchema.type === 'LayoutVertical2Columns'),\n  mapper: mapStateToLayoutProps,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LayoutVertical2ColumnsRendererTemplate",
-          "declaration": {
-            "name": "LayoutVertical2ColumnsRendererTemplate",
-            "module": "src/jsonforms/renderers/LayoutVertical2ColumnsRenderer.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LayoutVertical2ColumnsEntry",
-          "declaration": {
-            "name": "LayoutVertical2ColumnsEntry",
-            "module": "src/jsonforms/renderers/LayoutVertical2ColumnsRenderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "LayoutVerticalCategorizationRendererTemplate",
-          "default": "html`\n  <template>\n    <vertical-categorization-wrapper\n      :form=${(x) => x}\n      :control=${(x) => x.control}\n      height=${(x) =>\n        getVerticalCategorizationHeight(\n          (x.control.uischema.options as CategorizationLayoutOptions | undefined)?.layout,\n        ) ?? ''}\n    ></vertical-categorization-wrapper>\n  </template>\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "LayoutVerticalCategorizationRendererEntry",
-          "type": {
-            "text": "any"
-          },
-          "default": "{\n  renderer: LayoutVerticalCategorizationRendererTemplate,\n  tester: rankWith(\n    LAYOUT_VERTICAL_CATEGORIZATION_RANK,\n    (uiSchema) =>\n      uiSchema.type === 'Categorization' &&\n      isVerticalCategorizationLayout(\n        (uiSchema.options as CategorizationLayoutOptions | undefined)?.layout,\n      ),\n  ),\n  mapper: mapStateToLayoutProps,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LayoutVerticalCategorizationRendererTemplate",
-          "declaration": {
-            "name": "LayoutVerticalCategorizationRendererTemplate",
-            "module": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "LayoutVerticalCategorizationRendererEntry",
-          "declaration": {
-            "name": "LayoutVerticalCategorizationRendererEntry",
-            "module": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/MulticolumnDropdownControlRenderer.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "MulticolumnDropdownControlRendererTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'zero'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "MulticolumnDropdownControlRendererEntry",
-          "type": {
-            "text": "any"
-          },
-          "default": "{\n  renderer: html<DispatchRenderer>`\n    ${(x) => MulticolumnDropdownControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(MULTICOLUMN_DROPDOWN_CONTROL_RANK, optionIs('columnDefinitions')),\n  mapper: mapStateToControlProps,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MulticolumnDropdownControlRendererTemplate",
-          "declaration": {
-            "name": "MulticolumnDropdownControlRendererTemplate",
-            "module": "src/jsonforms/renderers/MulticolumnDropdownControlRenderer.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "MulticolumnDropdownControlRendererEntry",
-          "declaration": {
-            "name": "MulticolumnDropdownControlRendererEntry",
-            "module": "src/jsonforms/renderers/MulticolumnDropdownControlRenderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/NumberControlRenderer.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "NumberControlRendererTemplate",
-          "parameters": [
-            {
-              "name": "prefix",
-              "default": "'zero'",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
+          "kind": "variable",
+          "name": "LAYOUT_CATEGORIZATION_RANK",
+          "type": {
+            "text": "number"
+          },
+          "default": "2"
         },
         {
           "kind": "variable",
-          "name": "NumberControlRendererEntry",
+          "name": "LAYOUT_VERTICAL_CATEGORIZATION_RANK",
           "type": {
-            "text": "RendererEntry"
+            "text": "number"
           },
-          "default": "{\n  renderer: html`\n    ${(x) => NumberControlRendererTemplate(x.prefix)}\n  `,\n  tester: rankWith(NUMBER_CONTROL_RANK, isOneOfNumber),\n  mapper: mapStateToControlProps,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "NumberControlRendererTemplate",
-          "declaration": {
-            "name": "NumberControlRendererTemplate",
-            "module": "src/jsonforms/renderers/NumberControlRenderer.ts"
-          }
+          "default": "3"
         },
-        {
-          "kind": "js",
-          "name": "NumberControlRendererEntry",
-          "declaration": {
-            "name": "NumberControlRendererEntry",
-            "module": "src/jsonforms/renderers/NumberControlRenderer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/jsonforms/renderers/RenderersRanks.ts",
-      "declarations": [
         {
           "kind": "variable",
-          "name": "NUMBER_CONTROL_RANK",
+          "name": "LAYOUT_GROUP_RANK",
           "type": {
             "text": "number"
           },
-          "default": "3"
+          "default": "2"
         },
         {
           "kind": "variable",
-          "name": "BOOLEAN_CONTROL_RANK",
+          "name": "LAYOUT_HORIZONTAL_RANK",
           "type": {
             "text": "number"
           },
-          "default": "3"
+          "default": "2"
         },
         {
           "kind": "variable",
-          "name": "ARRAY_CONTROL_RANK",
+          "name": "LAYOUT_STEPPER_RANK",
           "type": {
             "text": "number"
           },
@@ -3604,151 +3092,55 @@
         },
         {
           "kind": "variable",
-          "name": "MULTISELECT_CONTROL_RANK",
+          "name": "LAYOUT2COLUMNS_RANK",
           "type": {
             "text": "number"
           },
-          "default": "4"
+          "default": "2"
         },
         {
           "kind": "variable",
-          "name": "ENUM_CONTROL_RANK",
+          "name": "LAYOUT_FORM_GRID_RANK",
           "type": {
             "text": "number"
           },
-          "default": "3"
+          "default": "2"
         },
         {
           "kind": "variable",
-          "name": "SELECT_CONTROL_RANK",
+          "name": "MULTICOLUMN_DROPDOWN_CONTROL_RANK",
           "type": {
             "text": "number"
           },
-          "default": "4"
+          "default": "5"
         },
         {
           "kind": "variable",
-          "name": "DATE_CONTROL_RANK",
+          "name": "INVISIBLE_CONTROL_RANK",
           "type": {
             "text": "number"
           },
-          "default": "4"
+          "default": "5"
         },
         {
           "kind": "variable",
-          "name": "TIME_CONTROL_RANK",
+          "name": "DIVIDER_CONTROL_RANK",
           "type": {
             "text": "number"
           },
-          "default": "4"
+          "default": "5"
         },
         {
           "kind": "variable",
-          "name": "LAYOUT_RANK",
+          "name": "ENUM_RADIO_GROUP_CONTROL_RANK",
           "type": {
             "text": "number"
           },
-          "default": "2"
+          "default": "10"
         },
         {
           "kind": "variable",
-          "name": "LAYOUT_ARRAY_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "2"
-        },
-        {
-          "kind": "variable",
-          "name": "LAYOUT_CATEGORIZATION_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "2"
-        },
-        {
-          "kind": "variable",
-          "name": "LAYOUT_VERTICAL_CATEGORIZATION_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "3"
-        },
-        {
-          "kind": "variable",
-          "name": "LAYOUT_GROUP_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "2"
-        },
-        {
-          "kind": "variable",
-          "name": "LAYOUT_HORIZONTAL_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "2"
-        },
-        {
-          "kind": "variable",
-          "name": "LAYOUT_STEPPER_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "3"
-        },
-        {
-          "kind": "variable",
-          "name": "LAYOUT2COLUMNS_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "2"
-        },
-        {
-          "kind": "variable",
-          "name": "LAYOUT_FORM_GRID_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "2"
-        },
-        {
-          "kind": "variable",
-          "name": "MULTICOLUMN_DROPDOWN_CONTROL_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "5"
-        },
-        {
-          "kind": "variable",
-          "name": "INVISIBLE_CONTROL_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "5"
-        },
-        {
-          "kind": "variable",
-          "name": "DIVIDER_CONTROL_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "5"
-        },
-        {
-          "kind": "variable",
-          "name": "ENUM_RADIO_GROUP_CONTROL_RANK",
-          "type": {
-            "text": "number"
-          },
-          "default": "10"
-        },
-        {
-          "kind": "variable",
-          "name": "SEGMENTED_CONTROL_RANK",
+          "name": "SEGMENTED_CONTROL_RANK",
           "type": {
             "text": "number"
           },
@@ -4399,6 +3791,614 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/confirmation-dialog-utils.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/csv-parser.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "parseCsv",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "content",
+              "type": {
+                "text": "string"
+              },
+              "description": "The CSV content as a string"
+            }
+          ],
+          "description": "Parses a CSV string into headers and rows using PapaParse.\nHandles quoted fields, escaped quotes, empty values, and mixed line endings.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "mapCsvToSchema",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "csvRows",
+              "type": {
+                "text": "Record<string, string>[]"
+              },
+              "description": "The parsed CSV rows"
+            },
+            {
+              "name": "schema",
+              "type": {
+                "text": "JSONSchema7 | undefined"
+              },
+              "description": "The JSON schema defining the fields"
+            },
+            {
+              "name": "uiSchema",
+              "optional": true,
+              "type": {
+                "text": "UiSchema"
+              },
+              "description": "Optional UI schema to map labels to field names on import"
+            }
+          ],
+          "description": "Maps CSV rows to schema fields with case-insensitive matching.\nWhen uiSchema is provided, CSV headers can also match UI schema labels.\nConverts values to appropriate types based on schema definition.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "generateCsvTemplate",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "schema",
+              "type": {
+                "text": "JSONSchema7 | undefined"
+              },
+              "description": "The JSON schema defining the fields"
+            },
+            {
+              "name": "uiSchema",
+              "optional": true,
+              "type": {
+                "text": "UiSchema"
+              },
+              "description": "Optional UI schema to determine field order and visibility"
+            },
+            {
+              "name": "includeOptionalFields",
+              "default": "true",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether to include optional fields when no UI schema (default: true)"
+            },
+            {
+              "name": "includeBom",
+              "default": "true",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether to prepend UTF-8 BOM for Excel compatibility (default: true)"
+            }
+          ],
+          "description": "Generates a CSV template string with headers and sample data based on JSON schema.\nIf a UI schema is provided, it will be used to determine which fields to include\nand in what order. Hidden fields in the UI schema will be excluded.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "downloadCsvTemplate",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "csvContent",
+              "type": {
+                "text": "string"
+              },
+              "description": "The CSV content to download"
+            },
+            {
+              "name": "fileName",
+              "default": "'template.csv'",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name for the downloaded file (default: 'template.csv')"
+            }
+          ],
+          "description": "Triggers a download of the CSV template file in the browser.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "parseCsv",
+          "declaration": {
+            "name": "parseCsv",
+            "module": "src/utils/csv-parser.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "mapCsvToSchema",
+          "declaration": {
+            "name": "mapCsvToSchema",
+            "module": "src/utils/csv-parser.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "generateCsvTemplate",
+          "declaration": {
+            "name": "generateCsvTemplate",
+            "module": "src/utils/csv-parser.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "downloadCsvTemplate",
+          "declaration": {
+            "name": "downloadCsvTemplate",
+            "module": "src/utils/csv-parser.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/filters.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/form-utils.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "removeDataPropertiesNotInSchema",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "data",
+              "type": {
+                "text": "any"
+              },
+              "description": "The data object to clean"
+            },
+            {
+              "name": "jsonSchema",
+              "type": {
+                "text": "JSONSchema7"
+              },
+              "description": "The JSON schema to validate against"
+            }
+          ],
+          "description": "Removes data properties that aren't part of the schema"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "removeDataPropertiesNotInSchema",
+          "declaration": {
+            "name": "removeDataPropertiesNotInSchema",
+            "module": "src/utils/form-utils.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./csv-parser"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./filters"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./logger"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./translation"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./validation"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./types"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/logger.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/schema-utils.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/translation.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/validation.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "mustMatch",
+          "parameters": [
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "description": "any other field"
+            }
+          ],
+          "description": "Ensures the value of the current field (the one the validator is on) matches the one of the target field.",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "getAnyOfErrorMessage",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "errors",
+              "type": {
+                "text": "Array<any> | undefined"
+              }
+            },
+            {
+              "name": "schema",
+              "type": {
+                "text": "any"
+              }
+            },
+            {
+              "name": "controlPath",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "name": "uiCustomMsg",
+              "optional": true,
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Computes a human-friendly anyOf error message for a given control path.\nPrefers UI schema custom message, then JSON schema errorMessage.anyOf, then a constructed fallback.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "mustMatch",
+          "declaration": {
+            "name": "mustMatch",
+            "module": "src/utils/validation.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getAnyOfErrorMessage",
+          "declaration": {
+            "name": "getAnyOfErrorMessage",
+            "module": "src/utils/validation.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isArray.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "isArray",
+          "parameters": [
+            {
+              "name": "itemsType",
+              "type": {
+                "text": "ArrayItemsType"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isArray",
+          "declaration": {
+            "name": "isArray",
+            "module": "src/jsonforms/testers/isArray.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isDate.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfDate"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfDate",
+          "declaration": {
+            "name": "isOneOfDate",
+            "module": "src/jsonforms/testers/isDate.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isInvisible.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "isInvisible",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "uischema",
+              "type": {
+                "text": "UISchemaElement"
+              }
+            },
+            {
+              "name": "schema",
+              "type": {
+                "text": "JsonSchema"
+              }
+            },
+            {
+              "name": "context",
+              "type": {
+                "text": "TesterContext"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isInvisible",
+          "declaration": {
+            "name": "isInvisible",
+            "module": "src/jsonforms/testers/isInvisible.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isOneOfBoolean.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfBoolean"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfBoolean",
+          "declaration": {
+            "name": "isOneOfBoolean",
+            "module": "src/jsonforms/testers/isOneOfBoolean.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isOneOfEnum.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfEnum"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfEnum",
+          "declaration": {
+            "name": "isOneOfEnum",
+            "module": "src/jsonforms/testers/isOneOfEnum.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isOneOfNumber.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfNumber"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfNumber",
+          "declaration": {
+            "name": "isOneOfNumber",
+            "module": "src/jsonforms/testers/isOneOfNumber.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isOneOfOptionMultiselect.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfOptionMultiselect"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfOptionMultiselect",
+          "declaration": {
+            "name": "isOneOfOptionMultiselect",
+            "module": "src/jsonforms/testers/isOneOfOptionMultiselect.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/isTime.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "isOneOfTime"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isOneOfTime",
+          "declaration": {
+            "name": "isOneOfTime",
+            "module": "src/jsonforms/testers/isTime.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/jsonforms/testers/optionIs.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "optionIs",
+          "return": {
+            "type": {
+              "text": "Tester"
+            }
+          },
+          "parameters": [
+            {
+              "name": "optionName",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "optionIs",
+          "declaration": {
+            "name": "optionIs",
+            "module": "src/jsonforms/testers/optionIs.ts"
+          }
+        }
+      ]
     }
   ]
 }