{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "jsonforms-vertical-layout",
  "description": "JSONForms vertical stack layout renderer.",
  "dependencies": [
    "@jsonforms/core",
    "@jsonforms/react"
  ],
  "files": [
    {
      "path": "registry/forms/renderers/vertical-layout.tsx",
      "content": "import { Layout, LayoutProps, rankWith, uiTypeIs } from '@jsonforms/core';\nimport { JsonFormsDispatch, withJsonFormsLayoutProps } from '@jsonforms/react';\n\nconst VerticalLayoutRenderer = (props: LayoutProps) => {\n    const { uischema, schema, path, visible, renderers, cells } = props;\n    const layout = uischema as Layout;\n\n    if (!visible) return null;\n\n    return (\n        <div className=\"flex flex-col gap-2\">\n            {layout.elements.map((element, index) => (\n                <JsonFormsDispatch\n                    key={index}\n                    schema={schema}\n                    uischema={element}\n                    path={path}\n                    renderers={renderers}\n                    cells={cells}\n                />\n            ))}\n        </div>\n    );\n};\n\nexport const verticalLayoutTester = rankWith(10, uiTypeIs('VerticalLayout'));\nexport default withJsonFormsLayoutProps(VerticalLayoutRenderer);",
      "type": "registry:component",
      "target": "components/forms/renderers/vertical-layout.tsx"
    }
  ],
  "type": "registry:component"
}