{ "id": "mortar-modal", "logicalId": "modal", "name": "Modal", "description": "Mortar foundation modal, using central semantic tokens.", "stack": "react-tailwind", "package": "@tony-ui/mortar", "version": "0.1.0", "export": "Modal", "source": "src/primitives.tsx", "capabilities": ["theme", "foundation"], "owner": "Mortar maintainers", "kitId": "foundation", "provenance": { "kitId": "foundation", "exampleId": "mortar-foundation-reference", "sourceDigest": "f132052b4ac52f3909ac437073c076b9f615849effea14dabf7d30759d714c2d" }, "contract": { "props": { "title": "string", "open": "boolean", "onClose": "() => void", "children": "ReactNode", "actions": "ReactNode" }, "states": [ "Light", "Dark", "Neutral brand", "Green brand", "Keyboard and focus" ], "usage": "Import { Modal } from @tony-ui/mortar. Compose with the public typed props.", "avoid": "Do not copy implementations, override central colours or grant component approval.", "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.", "dependencies": ["mortar-button"] }, "preview": { "source": "previews/ModalPreview.tsx" } }