@docyrus/shadcn 0.1.0 → 0.1.1

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 CHANGED
@@ -19,33 +19,31 @@ pnpm add @docyrus/shadcn
19
19
 
20
20
  ## Usage
21
21
 
22
- ### Default Style (recommended)
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 badgeVariants: (props?: ({
7
- variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
7
+ variant?: "default" | "outline" | "destructive" | "secondary" | null | undefined;
8
8
  } & class_variance_authority_types.ClassProp) | undefined) => string;
9
9
  interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
10
10
  }
@@ -3,7 +3,7 @@ import * as React from 'react';
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
5
  declare const buttonVariants: (props?: ({
6
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
6
+ variant?: "default" | "outline" | "link" | "destructive" | "secondary" | "ghost" | null | undefined;
7
7
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
8
8
  } & class_variance_authority_types.ClassProp) | undefined) => string;
9
9
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -24,7 +24,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
24
24
  ref?: React.Ref<HTMLInputElement>;
25
25
  } & {
26
26
  asChild?: boolean;
27
- }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
27
+ }, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
28
28
  value?: string;
29
29
  onValueChange?: (search: string) => void;
30
30
  } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -68,7 +68,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
68
68
  ref?: React.Ref<HTMLDivElement>;
69
69
  } & {
70
70
  asChild?: boolean;
71
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
71
+ }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
72
72
  disabled?: boolean;
73
73
  onSelect?: (value: string) => void;
74
74
  value?: string;
@@ -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?: "image" | "default" | "icon" | null | undefined;
18
+ variant?: "default" | "image" | "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;
@@ -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?: "default" | "outline" | "link" | "destructive" | "secondary" | "ghost" | null | undefined;
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> & {
@@ -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?: "default" | "image" | "icon" | null | undefined;
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.0",
3
+ "version": "0.1.1",
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.555.0",
107
+ "lucide-react": "^0.556.0",
107
108
  "next-themes": "^0.4.6",
108
- "react-day-picker": "^9.11.3",
109
- "react-hook-form": "^7.67.0",
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",