low-code-react-app-b/src/schemas/registry-validation.json

{
  "id": "registry-validation",
  "name": "Registry Validation",
  "layout": {
    "type": "single"
  },
  "dataSources": [],
  "components": [
    {
      "id": "root",
      "type": "div",
      "props": {
        "className": "p-6 space-y-6"
      },
      "children": [
        {
          "id": "branding",
          "type": "AppBranding",
          "props": {
            "title": "Registry Validation",
            "subtitle": "Atoms, molecules, and primitives"
          }
        },
        {
          "id": "stack",
          "type": "Stack",
          "props": {
            "direction": "horizontal",
            "spacing": "lg",
            "className": "items-stretch"
          },
          "children": [
            {
              "id": "stat-card",
              "type": "StatCard",
              "props": {
                "title": "Active Users",
                "value": "128",
                "description": "Past 24 hours"
              }
            },
            {
              "id": "flex",
              "type": "Flex",
              "props": {
                "direction": "col",
                "gap": "sm",
                "className": "rounded-md border p-4"
              },
              "children": [
                {
                  "id": "flex-title",
                  "type": "Heading",
                  "props": {
                    "level": 4,
                    "children": "Flex Container"
                  }
                },
                {
                  "id": "flex-text",
                  "type": "Text",
                  "props": {
                    "children": "Ensures primitives and atom components resolve."
                  }
                }
              ]
            }
          ]
        }
      ]
    }
  ],
  "globalActions": []
}