@exepert/ui

Accessible React components and visual effects for EXEPERT interfaces.

Install

npm install @exepert/[email protected]

import { Button, ThemeProvider, exepertDarkTheme } from "@exepert/ui";
import "@exepert/ui/styles.css";

export function Example() {
  return (
    <ThemeProvider theme={exepertDarkTheme}>
      <Button variant="primary">Run analysis</Button>
    </ThemeProvider>
  );
}

The package has no runtime dependencies beyond React and React DOM. React 18.2 and React 19 are supported. Import the stylesheet once at the application boundary. Components use native controls and ARIA relationships, respect prefers-reduced-motion, and are safe to render on the server.

Theme tokens

defineTheme accepts a partial theme and returns a complete UiTheme. ThemeProvider writes the resulting values as --xe-* custom properties on a local wrapper, so multiple themes can coexist on a page.

const customTheme = defineTheme({
  colors: { accent: "#b7f35a", accentStrong: "#8bcf2a" },
  radius: { md: "14px" },
});

Development

bun install
bun run typecheck
bun test
bun run build
npm pack --dry-run

The landing app runs the package build before its Next.js build, allowing Vercel to use the checked-in workspace without a separate project.