@alloy-river/ui

Design-system components from Integral FMS (Alloy River), packaged for reuse in design tools and AI surfaces (Figma Make, etc.).

This is an experimental subset — five components extracted from fms-frontend:

• Typography
• Button
• Input
• Avatar (presentational-only; does not fetch authenticated images)
• Combobox

Install

npm install @alloy-river/ui
# or yarn / pnpm

Peer dependencies (the consumer provides these): react@^18, react-dom@^18, @remixicon/react@^4.

Usage

Option A — Tailwind consumer

Add the preset to your tailwind.config.js:

module.exports = {
  presets: [require('@alloy-river/ui/tailwind-preset')],
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@alloy-river/ui/dist/**/*.{js,mjs}',
  ],
};

Then import components:

import { Button, Input, Typography } from '@alloy-river/ui';

Option B — non-Tailwind consumer

Import the prebuilt stylesheet once, then use components as normal:

import '@alloy-river/ui/styles.css';
import { Button } from '@alloy-river/ui';

Development

yarn install
yarn typecheck
yarn build
yarn playground    # runs the example app at localhost:5173

Status

Experimental. Not yet published. Not yet consumed by fms-frontend.