{
  "schemaVersion": "1.0",
  "entityFamily": "modules",
  "entityType": "DefinedTerm",
  "entityId": "modules:53",
  "canonicalUrl": "https://babadook.tech/modules/component-library",
  "machineBaseUrl": "https://babadook.tech/ai/modules/component-library",
  "name": "Component Library",
  "aliases": [],
  "summary": "56 production-ready, accessible UI components designed to be composed into complex interfaces. Fully themed via design tokens with documented API surfaces.",
  "description": [
    "56 production-ready, accessible UI components designed to be composed into complex interfaces. Fully themed via design tokens with documented API surfaces."
  ],
  "sections": [
    {
      "id": "build-faster-with-proven-components-9309606c-7d69-4fdd-a5f1-f405d2866d1c",
      "heading": "build-faster-with-proven-components",
      "body": [
        "Build Faster with Proven Components The Component Library provides 56 production-ready UI components that are accessible (WCAG 2.1 AA), fully themed via design tokens, and designed for composition. Buttons, forms, modals, data tables, charts, navigation — every common pattern is covered. Each component has a documented API surface with TypeScript types, usage examples, and accessibility notes. Components are framework-agnostic at the design level and export to React, Vue, or Svelte via the design-to-code pipeline."
      ],
      "specifications": [],
      "relationships": [],
      "media": [],
      "children": [
        {
          "id": "data-viz-1",
          "heading": "data Viz",
          "body": [],
          "specifications": [],
          "relationships": [],
          "media": [],
          "children": [],
          "sourceBlockType": "unsupported"
        }
      ],
      "sourceBlockType": "content_block",
      "sourceBlockId": "9309606c-7d69-4fdd-a5f1-f405d2866d1c"
    },
    {
      "id": "component-library-specifications-c69bc0d1-d074-4ba6-9f72-dba2f2c6e7cf",
      "heading": "Component Library Specifications",
      "body": [],
      "specifications": [
        {
          "label": "Components",
          "value": "56 production-ready UI components",
          "group": "spec Items"
        },
        {
          "label": "Accessibility",
          "value": "WCAG 2.1 AA compliant with ARIA labels",
          "group": "spec Items"
        },
        {
          "label": "Theming",
          "value": "Full design token integration",
          "group": "spec Items"
        },
        {
          "label": "Categories",
          "value": "Layout, navigation, forms, data display, feedback, overlay",
          "group": "spec Items"
        },
        {
          "label": "Documentation",
          "value": "API reference, usage examples, accessibility notes",
          "group": "spec Items"
        }
      ],
      "relationships": [],
      "media": [],
      "children": [],
      "sourceBlockType": "product_specification",
      "sourceBlockId": "c69bc0d1-d074-4ba6-9f72-dba2f2c6e7cf"
    },
    {
      "id": "features-3",
      "heading": "features",
      "body": [
        "themeable: true",
        "accessible: true",
        "composable: true",
        "documented: true",
        "components 56: true"
      ],
      "specifications": [],
      "relationships": [],
      "media": [],
      "children": [],
      "sourceBlockType": "features"
    }
  ],
  "specifications": [],
  "claims": [],
  "relationships": [
    {
      "type": "products",
      "targets": [
        {
          "id": "83",
          "family": "products",
          "name": "DXP",
          "slug": "dxp",
          "canonicalUrl": "https://babadook.tech/products/dxp",
          "relationship": "products"
        }
      ]
    },
    {
      "type": "capabilities",
      "targets": [
        {
          "id": "85",
          "family": "capabilities",
          "name": "Visual Design Tools",
          "slug": "visual-design-tools",
          "canonicalUrl": "https://babadook.tech/capabilities/visual-design-tools",
          "relationship": "capabilities"
        }
      ]
    },
    {
      "type": "sub_modules",
      "targets": [
        {
          "id": "28",
          "family": "sub-modules",
          "name": "Creative & Design",
          "slug": "creative-design",
          "canonicalUrl": "https://babadook.tech/sub-modules/creative-design",
          "relationship": "sub_modules"
        }
      ]
    },
    {
      "type": "use_cases",
      "targets": [
        {
          "id": "49",
          "family": "use-case",
          "name": "Content Management",
          "slug": "content-management",
          "relationship": "use_cases"
        },
        {
          "id": "54",
          "family": "use-case",
          "name": "Design-to-Code",
          "slug": "design-to-code",
          "relationship": "use_cases"
        }
      ]
    }
  ],
  "authors": [],
  "media": [],
  "regulatoryContext": {
    "exportControlAndLicensingReviewRequired": false
  },
  "language": "en",
  "receipt": {
    "sourceBlockCount": 4,
    "projectedBlockCount": 4,
    "sourceValueCount": 19,
    "projectedValueCount": 19,
    "sourceRelationshipCount": 5,
    "projectedRelationshipCount": 5,
    "sourceClaimCount": 0,
    "projectedClaimCount": 0,
    "unknownBlockTypes": [],
    "omittedFields": [],
    "missingValuePaths": [],
    "invalidClaims": [],
    "complete": true
  },
  "contentHash": "2ad24290fc927bd4f0de9a778241dedc89956228021845b8897c5ef1c8caa15c"
}