Add grid gaps to layout config, add pcbFlex

[seveibar]

Summary

• add gridRowGap and gridColumnGap to layout config
• expose new PCB grid gap fields on group props
• update generated docs
• bump dev dependency zod
• document and test the new props

Testing

• bun test tests/group.test.ts
• bun test

---

https://chatgpt.com/codex/tasks/task_b_6886c7a61e24832ea801fa8cc9c24624

[graphite-app]

It appears this PR adds a second test function to group.test.ts, which conflicts with the project's testing convention. Based on the existing structure, each test file should contain only one test() function.

Consider moving the new test to a separate file (e.g., group2.test.ts) to maintain consistency with the project's testing pattern. This approach helps keep test files focused and makes it easier to locate specific test cases.

// New file: group2.test.ts
test("should parse layout grid gaps", () => {
  const raw: BaseGroupProps = {
    name: "g",
    gridRowGap: "1mm",
    gridColumnGap: 2,
  }
  const parsed = baseGroupProps.parse(raw)
  expect(parsed.gridRowGap).toBe("1mm")
  expect(parsed.gridColumnGap).toBe(2)
})

Spotted by Diamond (based on custom rule: Custom rule)

Is this helpful? React 👍 or 👎 to let us know.