@medicine-wheel/ui-components

React UI components for the Medicine Wheel Developer Suite — direction cards, beat timelines, node inspectors, OCAP® badges, and Wilson alignment gauges.

Install

npm install @medicine-wheel/ui-components

Components

DirectionCard

Displays a direction with color coding, Ojibwe name, season, and teachings.

import { DirectionCard } from '@medicine-wheel/ui-components';

<DirectionCard direction="east" showOjibwe onClick={handleClick} />

BeatTimeline

Horizontal timeline of narrative beats with direction-coded markers.

import { BeatTimeline } from '@medicine-wheel/ui-components';

<BeatTimeline beats={beats} onBeatClick={handleSelect} selectedId="b1" />

NodeInspector

Detail panel for a RelationalNode showing type, direction, metadata, and connections.

import { NodeInspector } from '@medicine-wheel/ui-components';

<NodeInspector node={node} edges={edges} allNodes={allNodes} onNavigate={goToNode} />

OcapBadge

Compact OCAP® compliance indicator.

import { OcapBadge } from '@medicine-wheel/ui-components';

<OcapBadge ocap={relation.ocap} detailed />

WilsonMeter

SVG gauge for Wilson relational alignment (0–1).

import { WilsonMeter } from '@medicine-wheel/ui-components';

<WilsonMeter alignment={0.73} size={48} />

Peer dependencies

• react ^18.0.0 || ^19.0.0
• @medicine-wheel/ontology-core ^0.1.0

License

MIT