another_ui_lib

A lightweight React + TypeScript UI component library consumable from both TypeScript and JavaScript projects.
Built with tsup for fast builds and bundled as ESM + CJS + type definitions.

✨ Features

• 📦 Ready-to-use React components
• 🔒 Type-safe (ships with .d.ts)
• 🔀 Works in both TypeScript and plain JavaScript projects
• ⚡ Fast dev & build with Vite + tsup
• 🎨 Playground included for live testing components before publishing

🚀 Getting Started

Install

npm install another_ui_lib

or install a local tarball during development:

npm i ../another_ui_lib/another_ui_lib-1.0.0.tgz

Usage

import { Label } from "another_ui_lib";

export default function App() {
  return (
    <div>
      <Label size="xl" tone="success">
        Hello from another_ui_lib
      </Label>
      <Label as="p" tone="muted">
        This is a muted paragraph label
      </Label>
    </div>
  );
}

Run playground

For live development with hot reloading:

npm run play

This starts a Vite playground (/playground) where you can test your components directly from src.

Build the library

npm run build

Outputs to dist/:

• index.js (ESM)
• index.cjs (CJS)
• index.d.ts (types)

📝 Scripts

• npm run play — run playground for live dev
• npm run build — build ESM, CJS, and type declarations
• npm run dev:bundle — watch & rebuild bundle
• npm run clean — remove dist/
• npm test — (placeholder) run tests

⚖️ License

MIT