How tedi-design-system/react works
TEDI Design System for React is a reusable UI component library, exposed through separate /tedi and /community entry points. An application imports components and composes them into accessible interfaces; users then interact with navigation, overlays, forms, tables, and other controls. The tree and entry-point barrels support these capability branches, but sampled implementation does not establish a single runtime pipeline between them. The graph focuses on documented exports and meaningful product areas; unsampled subsystem links are limited to the entry-point exports.
Main entry points: tedi/index.ts TEDI Exports · community/index.ts Community Exports · helpers Helpers · text.tsx Typography And Icons
Components 19
Package Entry Points
- TEDI Exports
src/tedi/index.ts - Community Exports
src/community/index.ts
Core UI
- Typography And Icons
src/tedi/components/base/typography/text/text.tsx - Content Components
src/tedi/components/content/card/card.tsx - Navigation And Layout
src/tedi/components/navigation/breadcrumbs - Status And Notices
Forms And Interaction
- TEDI Forms
src/tedi/components/form/field/field.tsx - Filtering
src/tedi/components/filter/filter - Overlays
src/tedi/components/overlays/modal
Community Components
- Community Layout
src/community/components/layout - Community Forms
src/community/components/form/category-search - Tables And Data
src/community/components/table - Map Components
src/community/components/map-components/map-preview/map-preview.tsx - Community Content
src/community/components/accordion
Shared Foundations
- Providers
- Helpers
src/community/helpers
Other components
- Consuming Application
- TEDI Core Package
- React Application
Connections 19
- Consuming Application → TEDI Exports: imports TEDI
- Consuming Application → Community Exports: imports community
- TEDI Exports → Typography And Icons: exports
- TEDI Exports → Content Components: exports
- TEDI Exports → Navigation And Layout: exports
- TEDI Exports → Status And Notices: exports
- TEDI Exports → TEDI Forms: exports
- TEDI Exports → Filtering: exports
- TEDI Exports → Overlays: exports
- TEDI Exports → Providers: exports
- TEDI Exports → Helpers: exports
- Community Exports → Community Layout: exports
- Community Exports → Community Forms: exports
- Community Exports → Tables And Data: exports
- Community Exports → Map Components: exports
- Community Exports → Community Content: exports
- Community Exports → Helpers: exports
- Providers → TEDI Core Package: uses design-system core
- Consuming Application → React Application: renders components