@synu/core

Framework-agnostic headless primitives for the Synu design system — state machines, accessibility helpers, and focus management. Zero dependencies.

Installation

npm install @synu/core

Or install everything at once: npm install synu

Usage

import {
  createFocusTrap,
  rovingTabIndex,
  generateId,
  createMachine,
} from '@synu/core';

What's Included

• Focus Management — createFocusTrap, rovingTabIndex, useFocusVisible
• Accessibility — ARIA attribute helpers, unique ID generation
• State Machines — Lightweight createMachine for component behavior
• Controllable State — Unified controlled/uncontrolled state pattern

Why Use This?

@synu/core contains no React, no DOM assumptions, and no CSS. Use it to build your own component library on top of Synu's battle-tested accessibility and state management layer — in React, Vue, Svelte, or vanilla JS.

Documentation

Visit synu.dev for the full documentation.

License

MIT