@docyrus/shadcn 0.1.0 → 0.1.5
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 +10 -34
- package/dist/new-york/button.d.ts +1 -1
- package/dist/new-york/item.d.ts +1 -1
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -19,33 +19,31 @@ pnpm add @docyrus/shadcn
|
|
|
19
19
|
|
|
20
20
|
## Usage
|
|
21
21
|
|
|
22
|
-
### Default Style
|
|
22
|
+
### Quick Start (Default Style)
|
|
23
|
+
|
|
24
|
+
```tsx
|
|
25
|
+
import { Button, Card, Input, Dialog } from "@docyrus/shadcn";
|
|
26
|
+
import "@docyrus/shadcn/styles.css";
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Default Style
|
|
23
30
|
|
|
24
31
|
```tsx
|
|
25
|
-
// Import from default style
|
|
26
32
|
import { Button, Card, Input, Dialog } from "@docyrus/shadcn/default";
|
|
33
|
+
import "@docyrus/shadcn/default/styles.css";
|
|
27
34
|
|
|
28
35
|
// Or import individual components (tree-shakeable)
|
|
29
36
|
import { Button } from "@docyrus/shadcn/default/button";
|
|
30
|
-
import { Card } from "@docyrus/shadcn/default/card";
|
|
31
37
|
```
|
|
32
38
|
|
|
33
39
|
### New York Style
|
|
34
40
|
|
|
35
41
|
```tsx
|
|
36
|
-
// Import from new-york style
|
|
37
42
|
import { Button, Card, Input, Dialog } from "@docyrus/shadcn/new-york";
|
|
43
|
+
import "@docyrus/shadcn/new-york/styles.css";
|
|
38
44
|
|
|
39
45
|
// Or import individual components
|
|
40
46
|
import { Button } from "@docyrus/shadcn/new-york/button";
|
|
41
|
-
import { Card } from "@docyrus/shadcn/new-york/card";
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
### Main Export (Default Style)
|
|
45
|
-
|
|
46
|
-
```tsx
|
|
47
|
-
// Main export re-exports default style
|
|
48
|
-
import { Button, Card, Input, Dialog } from "@docyrus/shadcn";
|
|
49
47
|
```
|
|
50
48
|
|
|
51
49
|
### Import Utilities
|
|
@@ -60,28 +58,6 @@ import { cn } from "@docyrus/shadcn/lib/utils";
|
|
|
60
58
|
import { useMobile } from "@docyrus/shadcn/hooks/use-mobile";
|
|
61
59
|
```
|
|
62
60
|
|
|
63
|
-
### Import Styles
|
|
64
|
-
|
|
65
|
-
Add to your main CSS file:
|
|
66
|
-
|
|
67
|
-
```css
|
|
68
|
-
/* For default style */
|
|
69
|
-
@import "@docyrus/shadcn/default/styles.css";
|
|
70
|
-
|
|
71
|
-
/* For new-york style */
|
|
72
|
-
@import "@docyrus/shadcn/new-york/styles.css";
|
|
73
|
-
```
|
|
74
|
-
|
|
75
|
-
Or in your entry file:
|
|
76
|
-
|
|
77
|
-
```tsx
|
|
78
|
-
// For default style
|
|
79
|
-
import "@docyrus/shadcn/default/styles.css";
|
|
80
|
-
|
|
81
|
-
// For new-york style
|
|
82
|
-
import "@docyrus/shadcn/new-york/styles.css";
|
|
83
|
-
```
|
|
84
|
-
|
|
85
61
|
## Tailwind CSS Configuration
|
|
86
62
|
|
|
87
63
|
This package requires Tailwind CSS v3.4+ or v4.
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "
|
|
7
|
+
variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
|
|
8
8
|
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
9
9
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
10
|
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
package/dist/new-york/item.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ declare function Item({ className, variant, size, asChild, ...props }: React.Com
|
|
|
15
15
|
asChild?: boolean;
|
|
16
16
|
}): react_jsx_runtime.JSX.Element;
|
|
17
17
|
declare const itemMediaVariants: (props?: ({
|
|
18
|
-
variant?: "
|
|
18
|
+
variant?: "image" | "default" | "icon" | null | undefined;
|
|
19
19
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
20
20
|
declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
|
|
21
21
|
declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@docyrus/shadcn",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.5",
|
|
4
4
|
"description": "All shadcn/ui components bundled in a single NPM package for AI Builder projects",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
"types": "./dist/index.d.ts",
|
|
12
12
|
"import": "./dist/index.js"
|
|
13
13
|
},
|
|
14
|
+
"./styles.css": "./dist/default/styles.css",
|
|
14
15
|
"./default": {
|
|
15
16
|
"types": "./dist/default/index.d.ts",
|
|
16
17
|
"import": "./dist/default/index.js"
|
|
@@ -103,10 +104,10 @@
|
|
|
103
104
|
"date-fns": "^4.1.0",
|
|
104
105
|
"embla-carousel-react": "^8.6.0",
|
|
105
106
|
"input-otp": "^1.4.2",
|
|
106
|
-
"lucide-react": "^0.
|
|
107
|
+
"lucide-react": "^0.556.0",
|
|
107
108
|
"next-themes": "^0.4.6",
|
|
108
|
-
"react-day-picker": "^9.
|
|
109
|
-
"react-hook-form": "^7.
|
|
109
|
+
"react-day-picker": "^9.12.0",
|
|
110
|
+
"react-hook-form": "^7.68.0",
|
|
110
111
|
"react-resizable-panels": "^3.0.6",
|
|
111
112
|
"recharts": "2.15.4",
|
|
112
113
|
"sonner": "^2.0.7",
|