diff --git a/README.md b/README.md index 15344f3..77f1e99 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,13 @@ -# @man4ish/ui +# @omnibioai/ui -Shared React component library for the [OmniBioAI](https://github.com/man4ish/omnibioai-studio) platform. Provides `Button`, `Badge`, `Card`, `Input`, `StatusDot`, `Spinner`, `Table`, `Tabs`, `ProgressBar`, `Tooltip`, and `Select` components built on unified design tokens with zero hardcoded colors. +Shared React component library for the [OmniBioAI](https://github.com/OmniBioAI/omnibioai-studio) platform. Provides `Button`, `Badge`, `Card`, `Input`, `StatusDot`, `Spinner`, `Table`, `Tabs`, `ProgressBar`, `Tooltip`, and `Select` components built on unified design tokens with zero hardcoded colors. --- ## Overview - **TypeScript-first** — full type definitions shipped with the package -- **Design-token driven** — all colors, spacing, and radii come from `@man4ish/design-tokens`; no hardcoded hex values anywhere in the library +- **Design-token driven** — all colors, spacing, and radii come from `@omnibioai/design-tokens`; no hardcoded hex values anywhere in the library - **Tree-shakeable** — built as ES module + CJS with Vite library mode; only import what you use - **React 18+ peer dep** — works with any React 18+ project including the OmniBioAI Electron app and any downstream consumer - **Fully tested** — 50+ unit tests with Vitest + React Testing Library @@ -19,14 +19,14 @@ Shared React component library for the [OmniBioAI](https://github.com/man4ish/om ## Installation -This package is published to the GitHub Packages registry under `@man4ish`. +This package is published to the GitHub Packages registry under `@omnibioai`. ### 1. Authenticate with GitHub Packages Create or update `.npmrc` in your project root: ``` -@man4ish:registry=https://npm.pkg.github.com +@omnibioai:registry=https://npm.pkg.github.com //npm.pkg.github.com/:_authToken=YOUR_GITHUB_TOKEN ``` @@ -35,17 +35,17 @@ Your token needs `read:packages` scope. Generate one at GitHub → Settings → ### 2. Install the package ```bash -npm install @man4ish/ui @man4ish/design-tokens +npm install @omnibioai/ui @omnibioai/design-tokens ``` -`@man4ish/design-tokens` is a required peer — it provides the CSS custom properties that all components reference. +`@omnibioai/design-tokens` is a required peer — it provides the CSS custom properties that all components reference. ### 3. Load design tokens In your app entry point, import the token stylesheet once: ```ts -import '@man4ish/design-tokens/dist/tokens.css'; +import '@omnibioai/design-tokens/tokens.css'; ``` All components will pick up the correct colors, spacing, and radii automatically from there. @@ -57,7 +57,7 @@ All components will pick up the correct colors, spacing, and radii automatically ### `Button` ```tsx -import { Button } from '@man4ish/ui'; +import { Button } from '@omnibioai/ui';