@bookers/ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +47 -0
- package/dist/index.d.ts +654 -0
- package/dist/index.js +14620 -0
- package/dist/index.umd.cjs +134 -0
- package/dist/styles.css +1 -0
- package/package.json +86 -0
package/README.md
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
# @bookers/ui
|
|
2
|
+
|
|
3
|
+
Bookers UI component library — React + Tailwind CSS v4.
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
## Installation
|
|
7
|
+
|
|
8
|
+
```bash
|
|
9
|
+
npm install @bookers/ui
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
The library requires Tailwind CSS v4. Add the package to your CSS:
|
|
13
|
+
|
|
14
|
+
```css
|
|
15
|
+
@import "@bookers/ui/dist/styles.css";
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
## Usage
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
import { Button, Field, Label, Input, FieldMessage } from "@bookers/ui";
|
|
22
|
+
|
|
23
|
+
<Field>
|
|
24
|
+
<Label htmlFor="email" required>Email</Label>
|
|
25
|
+
<Input id="email" type="email" placeholder="you@example.com" />
|
|
26
|
+
<FieldMessage>We'll never share your email.</FieldMessage>
|
|
27
|
+
</Field>
|
|
28
|
+
|
|
29
|
+
<Button variant="default" size="md">Save changes</Button>
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## Development
|
|
33
|
+
|
|
34
|
+
```bash
|
|
35
|
+
npm run dev # Storybook on :6006
|
|
36
|
+
npm test # Vitest (watch)
|
|
37
|
+
npm run test:ui # Vitest UI + coverage
|
|
38
|
+
npm run build # tsc + Vite library build
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Stack
|
|
42
|
+
|
|
43
|
+
- React 18/19 (peer dep)
|
|
44
|
+
- TypeScript 5 (strict)
|
|
45
|
+
- Tailwind CSS v4
|
|
46
|
+
- Storybook 10
|
|
47
|
+
- Vitest 4
|