@esmate/shadcn 3.3.1 → 3.3.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 +8 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Supercharge your UI development with Shadcn—components, hooks, and styles all in one package.
|
|
4
4
|
|
|
5
5
|
- 🔧 **Zero Config**: Works out of the box with Tailwind and pre-styled themes like `new-york.css`.
|
|
6
|
-
- 🧩 **Ready-to-Use UI**: Composable Shadcn components via `@esmate/shadcn/ui/*`, no boilerplate needed.
|
|
6
|
+
- 🧩 **Ready-to-Use UI**: Composable Shadcn components via `@esmate/shadcn/components/ui/*`, no boilerplate needed.
|
|
7
7
|
- ⚙️ **Built-in Hooks**: Includes smart hooks like `useIsMobile` and `useZodForm` for fast logic handling.
|
|
8
8
|
- 🛠 **Useful Utilities**: Handy functions like `cn` for class merging, all in one place.
|
|
9
9
|
- 🎨 **Customizable Styles**: Easy theming with design tokens, dark mode, and editable base styles.
|
|
@@ -45,7 +45,8 @@ import { Card, CardContent } from "@esmate/shadcn/components/ui/card";
|
|
|
45
45
|
|
|
46
46
|
### UI Components
|
|
47
47
|
|
|
48
|
-
All Shadcn [UI components](https://ui.shadcn.com/docs/components/) are available via `@esmate/shadcn/ui/*`
|
|
48
|
+
All Shadcn [UI components](https://ui.shadcn.com/docs/components/) are available via `@esmate/shadcn/components/ui/*`
|
|
49
|
+
imports.
|
|
49
50
|
|
|
50
51
|
```typescript
|
|
51
52
|
import { Button } from "@esmate/shadcn/components/ui/button";
|
|
@@ -72,7 +73,7 @@ import { useIsMobile } from "@esmate/shadcn/hooks/use-mobile";
|
|
|
72
73
|
`@esmate/shadcn/hooks/*` also includes custom hooks, such as React Hook Form integrated with Zod support, like this:
|
|
73
74
|
|
|
74
75
|
```typescript
|
|
75
|
-
import { z } from "@esmate/shadcn/zod";
|
|
76
|
+
import { z } from "@esmate/shadcn/pkgs/zod";
|
|
76
77
|
import { useZodForm } from "@esmate/shadcn/hooks/use-zod-form";
|
|
77
78
|
|
|
78
79
|
const FormSchema = z.object({
|
|
@@ -250,7 +251,9 @@ having to install each dependency individually.
|
|
|
250
251
|
```typescript
|
|
251
252
|
import { useForm } from "@esmate/shadcn/pkgs/react-hook-form";
|
|
252
253
|
import { zodResolver } from "@esmate/shadcn/pkgs/hookform/resolvers";
|
|
254
|
+
import { Accordion } from "@esmate/shadcn/pkgs/radix-ui/react-accordion";
|
|
253
255
|
import { z } from "@esmate/shadcn/pkgs/zod";
|
|
254
|
-
|
|
255
|
-
// You can check src/lib or dist/lib to find more modules
|
|
256
256
|
```
|
|
257
|
+
|
|
258
|
+
You can check [@esmate/shadcn/src/pkgs](https://github.com/VienDinhCom/esmate/tree/main/packages/shadcn/src/pkgs) or
|
|
259
|
+
`node_modules/@esmate/shadcn/dist/pkgs` to find more modules
|