@deftui/react 0.1.2 → 0.1.3
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 +41 -0
- package/dist/styles.shadcn.css +1 -1
- package/package.json +11 -10
package/README.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# @deftui/react
|
|
2
|
+
|
|
3
|
+
A React component library built on Base UI, shadcn/ui, and their open-source registry ecosystem, offering easy-to-use compound component APIs.
|
|
4
|
+
|
|
5
|
+
[Upstream documentation](./dist/vendor/README.md): To look up component usage, check the local exports first, then consult the upstream if you really needs them.
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```sh
|
|
10
|
+
bun add @deftui/react
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
Install Tailwind CSS 4 in your project first, then import the styles in your application's global CSS:
|
|
16
|
+
|
|
17
|
+
```css
|
|
18
|
+
@import "tailwindcss";
|
|
19
|
+
@import "@deftui/react/styles";
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
Component Example:
|
|
23
|
+
|
|
24
|
+
```tsx
|
|
25
|
+
import { Button, Card } from "@deftui/react";
|
|
26
|
+
|
|
27
|
+
export function Example() {
|
|
28
|
+
return (
|
|
29
|
+
<Card>
|
|
30
|
+
<Card.Header>
|
|
31
|
+
<Card.Title>Welcome to Deft UI</Card.Title>
|
|
32
|
+
<Card.Description>Compose your UI using Compound Component API</Card.Description>
|
|
33
|
+
</Card.Header>
|
|
34
|
+
|
|
35
|
+
<Card.Content>
|
|
36
|
+
<Button>Get started</Button>
|
|
37
|
+
</Card.Content>
|
|
38
|
+
</Card>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
```
|
package/dist/styles.shadcn.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deftui/react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/KiriRainCat/deftui.git",
|
|
@@ -33,28 +33,29 @@
|
|
|
33
33
|
"fix": "vp check --fix"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@base-ui/react": "^1.9.0",
|
|
37
36
|
"@daypicker/react": "^10.0.2",
|
|
38
37
|
"@fontsource-variable/inter": "^5.3.0",
|
|
39
38
|
"class-variance-authority": "^0.7.1",
|
|
40
|
-
"cn": "^0.5.
|
|
39
|
+
"cn": "^0.5.1",
|
|
41
40
|
"date-fns": "^4.4.0",
|
|
42
41
|
"embla-carousel-react": "^8.6.0",
|
|
43
|
-
"lucide-react": "^1.
|
|
44
|
-
"motion": "^14.
|
|
45
|
-
"radashi": "^
|
|
42
|
+
"lucide-react": "^1.66.0",
|
|
43
|
+
"motion": "^14.9.0",
|
|
44
|
+
"radashi": "^13.0.1",
|
|
46
45
|
"react-dropzone": "^20.1.4",
|
|
47
46
|
"tw-animate-css": "^1.4.0"
|
|
48
47
|
},
|
|
49
48
|
"devDependencies": {
|
|
49
|
+
"@base-ui/react": "^1.9.0",
|
|
50
50
|
"@types/react": "^19.3.0",
|
|
51
51
|
"@types/react-dom": "^19.3.0",
|
|
52
|
-
"shadcn": "^4.
|
|
52
|
+
"shadcn": "^4.23.0",
|
|
53
53
|
"vite-plus": "catalog:"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"react": "^
|
|
57
|
-
"react
|
|
58
|
-
"
|
|
56
|
+
"@base-ui/react": "^1.9.0",
|
|
57
|
+
"react": "^19.0.0",
|
|
58
|
+
"react-dom": "^19.0.0",
|
|
59
|
+
"tailwindcss": "^4.3.0"
|
|
59
60
|
}
|
|
60
61
|
}
|