Add a combined stylesheet entry for package consumers

2026-03-20 11:40:53 +08:00
parent 1958fd3686
commit 010638503f
7 changed files with 43 additions and 5 deletions
@@ -72,6 +72,24 @@ pnpm lint
 pnpm typecheck
 ```

+## Package consumption
+
+For package-style consumers, prefer a single CSS entrypoint from `@ai-ui/ui`:
+
+```tsx
+import { Button } from "@ai-ui/ui";
+```
+
+```css
+@import "tailwindcss";
+@import "@ai-ui/ui/styles.css";
+@source "../node_modules/@ai-ui/ui/src";
+```
+
+This keeps the app on one UI package import path while still pulling in token and skin
+styles together. Consumers that want lower-level control can still import
+`@ai-ui/tokens/styles.css` and `@ai-ui/ui/skins.css` separately.
+
 Install source-owned components into another project:

 ```bash