@haykal/audit-ui

Reusable UI components, forms, and screens for the Audit domain in the Haykal platform.

Features

• 🎨 Components — Presentational building blocks
• 📝 Forms — React Hook Form + Zod validation
• 🖥️ Screens — Smart components with business logic
• 🪝 Hooks — Reusable React hooks
• ✅ Schemas — Zod validation schemas
• 📦 TypeScript — Full type safety

Installation

This package is internal to the Haykal monorepo and installed automatically.

pnpm install

Usage

Import components

import {} from /* YourComponent */ '@haykal/audit-ui';
// or from sub-paths:
import {} from /* YourForm */ '@haykal/audit-ui/forms';
import {} from /* YourScreen */ '@haykal/audit-ui/screens';

Example usage

import {} from /* YourScreen */ '@haykal/audit-ui/screens';

export default function AuditPage() {
  return <YourScreen />;
}

Structure

src/
├── index.ts              # Main barrel export
└── lib/
    ├── components/       # Presentational components
    ├── forms/            # Form components (React Hook Form + Zod)
    ├── screens/          # Smart components with business logic
    ├── hooks/            # Reusable React hooks
    ├── schemas/          # Zod validation schemas
    └── types/            # TypeScript types and interfaces

Development

Type checking

nx typecheck @haykal/audit-ui

Linting

nx lint @haykal/audit-ui

Dependencies

• @haykal/ui — Shared UI components (shadcn/ui)
• @haykal/audit-client — Domain client SDK
• @haykal/core-client — Core client utilities
• react-hook-form — Form state management
• zod — Schema validation
• @hookform/resolvers — Zod resolver for RHF

License

MIT