create-apppaaaul 2.0.3 → 2.0.4
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 +20 -20
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/templates/nextjs-ts-clean/project/.editorconfig +9 -9
- package/dist/templates/nextjs-ts-clean/project/.vscode/launch.json +28 -28
- package/dist/templates/nextjs-ts-clean/project/.vscode/settings.json +8 -8
- package/dist/templates/nextjs-ts-clean/project/README.md +15 -15
- package/dist/templates/nextjs-ts-clean/project/next.config.mjs +13 -13
- package/dist/templates/nextjs-ts-clean/project/package.json +45 -45
- package/dist/templates/nextjs-ts-clean/project/pnpm-lock.yaml +5463 -5463
- package/dist/templates/nextjs-ts-clean/project/postcss.config.js +6 -6
- package/dist/templates/nextjs-ts-clean/project/src/app/globals.css +76 -76
- package/dist/templates/nextjs-ts-clean/project/src/app/layout.tsx +25 -25
- package/dist/templates/nextjs-ts-clean/project/src/app/page.tsx +5 -5
- package/dist/templates/nextjs-ts-clean/project/src/components/ui/button.tsx +49 -49
- package/dist/templates/nextjs-ts-clean/project/src/lib/utils.ts +6 -6
- package/dist/templates/nextjs-ts-clean/project/tailwind.config.ts +79 -79
- package/dist/templates/nextjs-ts-clean/project/tsconfig.json +26 -26
- package/dist/templates/nextjs-ts-landing/project/.editorconfig +9 -9
- package/dist/templates/nextjs-ts-landing/project/.eslintrc.cjs +101 -0
- package/dist/templates/nextjs-ts-landing/project/.vscode/launch.json +28 -28
- package/dist/templates/nextjs-ts-landing/project/.vscode/settings.json +8 -8
- package/dist/templates/nextjs-ts-landing-drizzle/project/.editorconfig +9 -0
- package/dist/templates/nextjs-ts-landing-drizzle/project/.eslintrc.mjs +172 -0
- package/dist/templates/nextjs-ts-landing-drizzle/project/.vscode/launch.json +28 -0
- package/dist/templates/nextjs-ts-landing-drizzle/project/.vscode/settings.json +8 -0
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/README.md +15 -15
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/components.json +16 -16
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/docker-compose.yml +14 -14
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/drizzle.config.ts +11 -11
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/next.config.mjs +10 -10
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/package.json +56 -56
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/pnpm-lock.yaml +6248 -6248
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/postcss.config.js +6 -6
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/app/api/auth/[...nextauth]/route.ts +3 -3
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/app/globals.css +47 -47
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/app/layout.tsx +20 -20
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/app/page.tsx +5 -5
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/auth.ts +79 -79
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/components/ui/button.tsx +49 -49
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/db/index.ts +25 -25
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/db/schema.ts +93 -93
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/lib/utils.ts +6 -6
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/tailwind.config.ts +80 -80
- package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/tsconfig.json +27 -27
- package/dist/templates/nextjs-ts-landing-prisma/project/.editorconfig +9 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/.vscode/launch.json +28 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/.vscode/settings.json +8 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/README.md +15 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/components.json +17 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/docker-compose.yml +15 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/eslint.config.mjs +172 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/next.config.mjs +10 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/package.json +58 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/pnpm-lock.yaml +5854 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/pnpm-workspace.yaml +6 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/postcss.config.mjs +5 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/prisma/migrations/20250329125127_init/migration.sql +25 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/prisma/migrations/migration_lock.toml +3 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/prisma/schema.prisma +24 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/public/next.svg +1 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/public/vercel.svg +1 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/src/app/api/auth/[...nextauth]/route.ts +3 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/src/app/favicon.ico +0 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/src/app/globals.css +117 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/src/app/layout.tsx +20 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/src/app/page.tsx +5 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/src/auth.ts +79 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/src/components/ui/button.tsx +49 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/src/lib/db.ts +11 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/src/lib/utils.ts +6 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/tailwind.config.ts +80 -0
- package/dist/templates/nextjs-ts-landing-prisma/project/tsconfig.json +27 -0
- package/package.json +8 -8
- package/dist/templates/nextjs-ts-clean/project/.gitignore +0 -39
- package/dist/templates/nextjs-ts-landing/project/.gitignore +0 -39
- /package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/public/next.svg +0 -0
- /package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/public/vercel.svg +0 -0
- /package/dist/templates/{nextjs-ts-landing → nextjs-ts-landing-drizzle}/project/src/app/favicon.ico +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
plugins: {
|
|
3
|
-
tailwindcss: {},
|
|
4
|
-
autoprefixer: {},
|
|
5
|
-
},
|
|
6
|
-
};
|
|
1
|
+
module.exports = {
|
|
2
|
+
plugins: {
|
|
3
|
+
tailwindcss: {},
|
|
4
|
+
autoprefixer: {},
|
|
5
|
+
},
|
|
6
|
+
};
|
|
@@ -1,77 +1,77 @@
|
|
|
1
|
-
@tailwind base;
|
|
2
|
-
@tailwind components;
|
|
3
|
-
@tailwind utilities;
|
|
4
|
-
|
|
5
|
-
@layer base {
|
|
6
|
-
:root {
|
|
7
|
-
--background: 0 0% 100%;
|
|
8
|
-
--foreground: 240 10% 3.9%;
|
|
9
|
-
|
|
10
|
-
--card: 0 0% 100%;
|
|
11
|
-
--card-foreground: 240 10% 3.9%;
|
|
12
|
-
|
|
13
|
-
--popover: 0 0% 100%;
|
|
14
|
-
--popover-foreground: 240 10% 3.9%;
|
|
15
|
-
|
|
16
|
-
--primary: 240 5.9% 10%;
|
|
17
|
-
--primary-foreground: 0 0% 98%;
|
|
18
|
-
|
|
19
|
-
--secondary: 240 4.8% 95.9%;
|
|
20
|
-
--secondary-foreground: 240 5.9% 10%;
|
|
21
|
-
|
|
22
|
-
--muted: 240 4.8% 95.9%;
|
|
23
|
-
--muted-foreground: 240 3.8% 46.1%;
|
|
24
|
-
|
|
25
|
-
--accent: 240 4.8% 95.9%;
|
|
26
|
-
--accent-foreground: 240 5.9% 10%;
|
|
27
|
-
|
|
28
|
-
--destructive: 0 84.2% 60.2%;
|
|
29
|
-
--destructive-foreground: 0 0% 98%;
|
|
30
|
-
|
|
31
|
-
--border: 240 5.9% 90%;
|
|
32
|
-
--input: 240 5.9% 90%;
|
|
33
|
-
--ring: 240 10% 3.9%;
|
|
34
|
-
|
|
35
|
-
--radius: 0.5rem;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
@media (prefers-color-scheme: dark) {
|
|
39
|
-
:root {
|
|
40
|
-
--background: 240 10% 3.9%;
|
|
41
|
-
--foreground: 0 0% 98%;
|
|
42
|
-
|
|
43
|
-
--card: 240 10% 3.9%;
|
|
44
|
-
--card-foreground: 0 0% 98%;
|
|
45
|
-
|
|
46
|
-
--popover: 240 10% 3.9%;
|
|
47
|
-
--popover-foreground: 0 0% 98%;
|
|
48
|
-
|
|
49
|
-
--primary: 0 0% 98%;
|
|
50
|
-
--primary-foreground: 240 5.9% 10%;
|
|
51
|
-
|
|
52
|
-
--secondary: 240 3.7% 15.9%;
|
|
53
|
-
--secondary-foreground: 0 0% 98%;
|
|
54
|
-
|
|
55
|
-
--muted: 240 3.7% 15.9%;
|
|
56
|
-
--muted-foreground: 240 5% 64.9%;
|
|
57
|
-
|
|
58
|
-
--accent: 240 3.7% 15.9%;
|
|
59
|
-
--accent-foreground: 0 0% 98%;
|
|
60
|
-
|
|
61
|
-
--destructive: 0 62.8% 30.6%;
|
|
62
|
-
--destructive-foreground: 0 0% 98%;
|
|
63
|
-
|
|
64
|
-
--border: 240 3.7% 15.9%;
|
|
65
|
-
--input: 240 3.7% 15.9%;
|
|
66
|
-
--ring: 240 4.9% 83.9%;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
* {
|
|
71
|
-
@apply border-border;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
body {
|
|
75
|
-
@apply bg-background text-foreground;
|
|
76
|
-
}
|
|
1
|
+
@tailwind base;
|
|
2
|
+
@tailwind components;
|
|
3
|
+
@tailwind utilities;
|
|
4
|
+
|
|
5
|
+
@layer base {
|
|
6
|
+
:root {
|
|
7
|
+
--background: 0 0% 100%;
|
|
8
|
+
--foreground: 240 10% 3.9%;
|
|
9
|
+
|
|
10
|
+
--card: 0 0% 100%;
|
|
11
|
+
--card-foreground: 240 10% 3.9%;
|
|
12
|
+
|
|
13
|
+
--popover: 0 0% 100%;
|
|
14
|
+
--popover-foreground: 240 10% 3.9%;
|
|
15
|
+
|
|
16
|
+
--primary: 240 5.9% 10%;
|
|
17
|
+
--primary-foreground: 0 0% 98%;
|
|
18
|
+
|
|
19
|
+
--secondary: 240 4.8% 95.9%;
|
|
20
|
+
--secondary-foreground: 240 5.9% 10%;
|
|
21
|
+
|
|
22
|
+
--muted: 240 4.8% 95.9%;
|
|
23
|
+
--muted-foreground: 240 3.8% 46.1%;
|
|
24
|
+
|
|
25
|
+
--accent: 240 4.8% 95.9%;
|
|
26
|
+
--accent-foreground: 240 5.9% 10%;
|
|
27
|
+
|
|
28
|
+
--destructive: 0 84.2% 60.2%;
|
|
29
|
+
--destructive-foreground: 0 0% 98%;
|
|
30
|
+
|
|
31
|
+
--border: 240 5.9% 90%;
|
|
32
|
+
--input: 240 5.9% 90%;
|
|
33
|
+
--ring: 240 10% 3.9%;
|
|
34
|
+
|
|
35
|
+
--radius: 0.5rem;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@media (prefers-color-scheme: dark) {
|
|
39
|
+
:root {
|
|
40
|
+
--background: 240 10% 3.9%;
|
|
41
|
+
--foreground: 0 0% 98%;
|
|
42
|
+
|
|
43
|
+
--card: 240 10% 3.9%;
|
|
44
|
+
--card-foreground: 0 0% 98%;
|
|
45
|
+
|
|
46
|
+
--popover: 240 10% 3.9%;
|
|
47
|
+
--popover-foreground: 0 0% 98%;
|
|
48
|
+
|
|
49
|
+
--primary: 0 0% 98%;
|
|
50
|
+
--primary-foreground: 240 5.9% 10%;
|
|
51
|
+
|
|
52
|
+
--secondary: 240 3.7% 15.9%;
|
|
53
|
+
--secondary-foreground: 0 0% 98%;
|
|
54
|
+
|
|
55
|
+
--muted: 240 3.7% 15.9%;
|
|
56
|
+
--muted-foreground: 240 5% 64.9%;
|
|
57
|
+
|
|
58
|
+
--accent: 240 3.7% 15.9%;
|
|
59
|
+
--accent-foreground: 0 0% 98%;
|
|
60
|
+
|
|
61
|
+
--destructive: 0 62.8% 30.6%;
|
|
62
|
+
--destructive-foreground: 0 0% 98%;
|
|
63
|
+
|
|
64
|
+
--border: 240 3.7% 15.9%;
|
|
65
|
+
--input: 240 3.7% 15.9%;
|
|
66
|
+
--ring: 240 4.9% 83.9%;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
* {
|
|
71
|
+
@apply border-border;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
body {
|
|
75
|
+
@apply bg-background text-foreground;
|
|
76
|
+
}
|
|
77
77
|
}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import type {Metadata} from "next";
|
|
2
|
-
|
|
3
|
-
import Link from "next/link";
|
|
4
|
-
|
|
5
|
-
import "./globals.css";
|
|
6
|
-
|
|
7
|
-
export const metadata: Metadata = {
|
|
8
|
-
title: "{{name}}",
|
|
9
|
-
description: "Generated by apppaaaul",
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export default function RootLayout({children}: {children: React.ReactNode}) {
|
|
13
|
-
return (
|
|
14
|
-
<html lang="en">
|
|
15
|
-
<body className="container m-auto grid min-h-screen grid-rows-[auto,1fr,auto] bg-background px-4 font-sans antialiased">
|
|
16
|
-
<header className="text-xl font-bold leading-[4rem]">
|
|
17
|
-
<Link href="/">{{name}}</Link>
|
|
18
|
-
</header>
|
|
19
|
-
<main className="py-8">{children}</main>
|
|
20
|
-
<footer className="text-center leading-[4rem] opacity-70">
|
|
21
|
-
© {new Date().getFullYear()} {{name}}
|
|
22
|
-
</footer>
|
|
23
|
-
</body>
|
|
24
|
-
</html>
|
|
25
|
-
);
|
|
1
|
+
import type {Metadata} from "next";
|
|
2
|
+
|
|
3
|
+
import Link from "next/link";
|
|
4
|
+
|
|
5
|
+
import "./globals.css";
|
|
6
|
+
|
|
7
|
+
export const metadata: Metadata = {
|
|
8
|
+
title: "{{name}}",
|
|
9
|
+
description: "Generated by apppaaaul",
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export default function RootLayout({children}: {children: React.ReactNode}) {
|
|
13
|
+
return (
|
|
14
|
+
<html lang="en">
|
|
15
|
+
<body className="container m-auto grid min-h-screen grid-rows-[auto,1fr,auto] bg-background px-4 font-sans antialiased">
|
|
16
|
+
<header className="text-xl font-bold leading-[4rem]">
|
|
17
|
+
<Link href="/">{{name}}</Link>
|
|
18
|
+
</header>
|
|
19
|
+
<main className="py-8">{children}</main>
|
|
20
|
+
<footer className="text-center leading-[4rem] opacity-70">
|
|
21
|
+
© {new Date().getFullYear()} {{name}}
|
|
22
|
+
</footer>
|
|
23
|
+
</body>
|
|
24
|
+
</html>
|
|
25
|
+
);
|
|
26
26
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {Button} from "@/components/ui/button";
|
|
2
|
-
|
|
3
|
-
export default function HomePage() {
|
|
4
|
-
return <Button>👋</Button>;
|
|
5
|
-
}
|
|
1
|
+
import {Button} from "@/components/ui/button";
|
|
2
|
+
|
|
3
|
+
export default function HomePage() {
|
|
4
|
+
return <Button>👋</Button>;
|
|
5
|
+
}
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import {Slot} from "@radix-ui/react-slot";
|
|
3
|
-
import {cva, type VariantProps} from "class-variance-authority";
|
|
4
|
-
|
|
5
|
-
import {cn} from "@/lib/utils";
|
|
6
|
-
|
|
7
|
-
const buttonVariants = cva(
|
|
8
|
-
"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
9
|
-
{
|
|
10
|
-
variants: {
|
|
11
|
-
variant: {
|
|
12
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
13
|
-
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
14
|
-
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
15
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
16
|
-
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
17
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
18
|
-
},
|
|
19
|
-
size: {
|
|
20
|
-
default: "h-10 px-4 py-2",
|
|
21
|
-
sm: "h-9 rounded-md px-3",
|
|
22
|
-
lg: "h-11 rounded-md px-8",
|
|
23
|
-
icon: "h-10 w-10",
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
defaultVariants: {
|
|
27
|
-
variant: "default",
|
|
28
|
-
size: "default",
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
);
|
|
32
|
-
|
|
33
|
-
export interface ButtonProps
|
|
34
|
-
extends React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
35
|
-
VariantProps<typeof buttonVariants> {
|
|
36
|
-
asChild?: boolean;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
|
|
40
|
-
({className, variant, size, asChild = false, ...props}, ref) => {
|
|
41
|
-
const Comp = asChild ? Slot : "button";
|
|
42
|
-
|
|
43
|
-
return <Comp ref={ref} className={cn(buttonVariants({variant, size, className}))} {...props} />;
|
|
44
|
-
},
|
|
45
|
-
);
|
|
46
|
-
|
|
47
|
-
Button.displayName = "Button";
|
|
48
|
-
|
|
49
|
-
export {Button, buttonVariants};
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import {Slot} from "@radix-ui/react-slot";
|
|
3
|
+
import {cva, type VariantProps} from "class-variance-authority";
|
|
4
|
+
|
|
5
|
+
import {cn} from "@/lib/utils";
|
|
6
|
+
|
|
7
|
+
const buttonVariants = cva(
|
|
8
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
9
|
+
{
|
|
10
|
+
variants: {
|
|
11
|
+
variant: {
|
|
12
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
13
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
14
|
+
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
15
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
16
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
17
|
+
link: "text-primary underline-offset-4 hover:underline",
|
|
18
|
+
},
|
|
19
|
+
size: {
|
|
20
|
+
default: "h-10 px-4 py-2",
|
|
21
|
+
sm: "h-9 rounded-md px-3",
|
|
22
|
+
lg: "h-11 rounded-md px-8",
|
|
23
|
+
icon: "h-10 w-10",
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: {
|
|
27
|
+
variant: "default",
|
|
28
|
+
size: "default",
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
);
|
|
32
|
+
|
|
33
|
+
export interface ButtonProps
|
|
34
|
+
extends React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
35
|
+
VariantProps<typeof buttonVariants> {
|
|
36
|
+
asChild?: boolean;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
|
|
40
|
+
({className, variant, size, asChild = false, ...props}, ref) => {
|
|
41
|
+
const Comp = asChild ? Slot : "button";
|
|
42
|
+
|
|
43
|
+
return <Comp ref={ref} className={cn(buttonVariants({variant, size, className}))} {...props} />;
|
|
44
|
+
},
|
|
45
|
+
);
|
|
46
|
+
|
|
47
|
+
Button.displayName = "Button";
|
|
48
|
+
|
|
49
|
+
export {Button, buttonVariants};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {type ClassValue, clsx} from "clsx";
|
|
2
|
-
import {twMerge} from "tailwind-merge";
|
|
3
|
-
|
|
4
|
-
export function cn(...inputs: ClassValue[]) {
|
|
5
|
-
return twMerge(clsx(inputs));
|
|
6
|
-
}
|
|
1
|
+
import {type ClassValue, clsx} from "clsx";
|
|
2
|
+
import {twMerge} from "tailwind-merge";
|
|
3
|
+
|
|
4
|
+
export function cn(...inputs: ClassValue[]) {
|
|
5
|
+
return twMerge(clsx(inputs));
|
|
6
|
+
}
|
|
@@ -1,80 +1,80 @@
|
|
|
1
|
-
import type {Config} from "tailwindcss";
|
|
2
|
-
|
|
3
|
-
const config = {
|
|
4
|
-
darkMode: ["class"],
|
|
5
|
-
content: [
|
|
6
|
-
"./pages/**/*.{ts,tsx}",
|
|
7
|
-
"./components/**/*.{ts,tsx}",
|
|
8
|
-
"./app/**/*.{ts,tsx}",
|
|
9
|
-
"./src/**/*.{ts,tsx}",
|
|
10
|
-
],
|
|
11
|
-
prefix: "",
|
|
12
|
-
theme: {
|
|
13
|
-
container: {
|
|
14
|
-
center: true,
|
|
15
|
-
padding: "2rem",
|
|
16
|
-
screens: {
|
|
17
|
-
"2xl": "1400px",
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
extend: {
|
|
21
|
-
colors: {
|
|
22
|
-
border: "hsl(var(--border))",
|
|
23
|
-
input: "hsl(var(--input))",
|
|
24
|
-
ring: "hsl(var(--ring))",
|
|
25
|
-
background: "hsl(var(--background))",
|
|
26
|
-
foreground: "hsl(var(--foreground))",
|
|
27
|
-
primary: {
|
|
28
|
-
DEFAULT: "hsl(var(--primary))",
|
|
29
|
-
foreground: "hsl(var(--primary-foreground))",
|
|
30
|
-
},
|
|
31
|
-
secondary: {
|
|
32
|
-
DEFAULT: "hsl(var(--secondary))",
|
|
33
|
-
foreground: "hsl(var(--secondary-foreground))",
|
|
34
|
-
},
|
|
35
|
-
destructive: {
|
|
36
|
-
DEFAULT: "hsl(var(--destructive))",
|
|
37
|
-
foreground: "hsl(var(--destructive-foreground))",
|
|
38
|
-
},
|
|
39
|
-
muted: {
|
|
40
|
-
DEFAULT: "hsl(var(--muted))",
|
|
41
|
-
foreground: "hsl(var(--muted-foreground))",
|
|
42
|
-
},
|
|
43
|
-
accent: {
|
|
44
|
-
DEFAULT: "hsl(var(--accent))",
|
|
45
|
-
foreground: "hsl(var(--accent-foreground))",
|
|
46
|
-
},
|
|
47
|
-
popover: {
|
|
48
|
-
DEFAULT: "hsl(var(--popover))",
|
|
49
|
-
foreground: "hsl(var(--popover-foreground))",
|
|
50
|
-
},
|
|
51
|
-
card: {
|
|
52
|
-
DEFAULT: "hsl(var(--card))",
|
|
53
|
-
foreground: "hsl(var(--card-foreground))",
|
|
54
|
-
},
|
|
55
|
-
},
|
|
56
|
-
borderRadius: {
|
|
57
|
-
lg: "var(--radius)",
|
|
58
|
-
md: "calc(var(--radius) - 2px)",
|
|
59
|
-
sm: "calc(var(--radius) - 4px)",
|
|
60
|
-
},
|
|
61
|
-
keyframes: {
|
|
62
|
-
"accordion-down": {
|
|
63
|
-
from: {height: "0"},
|
|
64
|
-
to: {height: "var(--radix-accordion-content-height)"},
|
|
65
|
-
},
|
|
66
|
-
"accordion-up": {
|
|
67
|
-
from: {height: "var(--radix-accordion-content-height)"},
|
|
68
|
-
to: {height: "0"},
|
|
69
|
-
},
|
|
70
|
-
},
|
|
71
|
-
animation: {
|
|
72
|
-
"accordion-down": "accordion-down 0.2s ease-out",
|
|
73
|
-
"accordion-up": "accordion-up 0.2s ease-out",
|
|
74
|
-
},
|
|
75
|
-
},
|
|
76
|
-
},
|
|
77
|
-
plugins: [require("tailwindcss-animate")],
|
|
78
|
-
} satisfies Config;
|
|
79
|
-
|
|
1
|
+
import type {Config} from "tailwindcss";
|
|
2
|
+
|
|
3
|
+
const config = {
|
|
4
|
+
darkMode: ["class"],
|
|
5
|
+
content: [
|
|
6
|
+
"./pages/**/*.{ts,tsx}",
|
|
7
|
+
"./components/**/*.{ts,tsx}",
|
|
8
|
+
"./app/**/*.{ts,tsx}",
|
|
9
|
+
"./src/**/*.{ts,tsx}",
|
|
10
|
+
],
|
|
11
|
+
prefix: "",
|
|
12
|
+
theme: {
|
|
13
|
+
container: {
|
|
14
|
+
center: true,
|
|
15
|
+
padding: "2rem",
|
|
16
|
+
screens: {
|
|
17
|
+
"2xl": "1400px",
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
extend: {
|
|
21
|
+
colors: {
|
|
22
|
+
border: "hsl(var(--border))",
|
|
23
|
+
input: "hsl(var(--input))",
|
|
24
|
+
ring: "hsl(var(--ring))",
|
|
25
|
+
background: "hsl(var(--background))",
|
|
26
|
+
foreground: "hsl(var(--foreground))",
|
|
27
|
+
primary: {
|
|
28
|
+
DEFAULT: "hsl(var(--primary))",
|
|
29
|
+
foreground: "hsl(var(--primary-foreground))",
|
|
30
|
+
},
|
|
31
|
+
secondary: {
|
|
32
|
+
DEFAULT: "hsl(var(--secondary))",
|
|
33
|
+
foreground: "hsl(var(--secondary-foreground))",
|
|
34
|
+
},
|
|
35
|
+
destructive: {
|
|
36
|
+
DEFAULT: "hsl(var(--destructive))",
|
|
37
|
+
foreground: "hsl(var(--destructive-foreground))",
|
|
38
|
+
},
|
|
39
|
+
muted: {
|
|
40
|
+
DEFAULT: "hsl(var(--muted))",
|
|
41
|
+
foreground: "hsl(var(--muted-foreground))",
|
|
42
|
+
},
|
|
43
|
+
accent: {
|
|
44
|
+
DEFAULT: "hsl(var(--accent))",
|
|
45
|
+
foreground: "hsl(var(--accent-foreground))",
|
|
46
|
+
},
|
|
47
|
+
popover: {
|
|
48
|
+
DEFAULT: "hsl(var(--popover))",
|
|
49
|
+
foreground: "hsl(var(--popover-foreground))",
|
|
50
|
+
},
|
|
51
|
+
card: {
|
|
52
|
+
DEFAULT: "hsl(var(--card))",
|
|
53
|
+
foreground: "hsl(var(--card-foreground))",
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
borderRadius: {
|
|
57
|
+
lg: "var(--radius)",
|
|
58
|
+
md: "calc(var(--radius) - 2px)",
|
|
59
|
+
sm: "calc(var(--radius) - 4px)",
|
|
60
|
+
},
|
|
61
|
+
keyframes: {
|
|
62
|
+
"accordion-down": {
|
|
63
|
+
from: {height: "0"},
|
|
64
|
+
to: {height: "var(--radix-accordion-content-height)"},
|
|
65
|
+
},
|
|
66
|
+
"accordion-up": {
|
|
67
|
+
from: {height: "var(--radix-accordion-content-height)"},
|
|
68
|
+
to: {height: "0"},
|
|
69
|
+
},
|
|
70
|
+
},
|
|
71
|
+
animation: {
|
|
72
|
+
"accordion-down": "accordion-down 0.2s ease-out",
|
|
73
|
+
"accordion-up": "accordion-up 0.2s ease-out",
|
|
74
|
+
},
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
plugins: [require("tailwindcss-animate")],
|
|
78
|
+
} satisfies Config;
|
|
79
|
+
|
|
80
80
|
export default config;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"target": "es6",
|
|
4
|
-
"lib": ["dom", "dom.iterable", "esnext"],
|
|
5
|
-
"allowJs": true,
|
|
6
|
-
"skipLibCheck": true,
|
|
7
|
-
"strict": true,
|
|
8
|
-
"noEmit": true,
|
|
9
|
-
"esModuleInterop": true,
|
|
10
|
-
"module": "esnext",
|
|
11
|
-
"moduleResolution": "bundler",
|
|
12
|
-
"resolveJsonModule": true,
|
|
13
|
-
"isolatedModules": true,
|
|
14
|
-
"jsx": "preserve",
|
|
15
|
-
"incremental": true,
|
|
16
|
-
"plugins": [
|
|
17
|
-
{
|
|
18
|
-
"name": "next"
|
|
19
|
-
}
|
|
20
|
-
],
|
|
21
|
-
"paths": {
|
|
22
|
-
"@/*": ["./src/*"]
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
|
|
26
|
-
"exclude": ["node_modules"]
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "es6",
|
|
4
|
+
"lib": ["dom", "dom.iterable", "esnext"],
|
|
5
|
+
"allowJs": true,
|
|
6
|
+
"skipLibCheck": true,
|
|
7
|
+
"strict": true,
|
|
8
|
+
"noEmit": true,
|
|
9
|
+
"esModuleInterop": true,
|
|
10
|
+
"module": "esnext",
|
|
11
|
+
"moduleResolution": "bundler",
|
|
12
|
+
"resolveJsonModule": true,
|
|
13
|
+
"isolatedModules": true,
|
|
14
|
+
"jsx": "preserve",
|
|
15
|
+
"incremental": true,
|
|
16
|
+
"plugins": [
|
|
17
|
+
{
|
|
18
|
+
"name": "next"
|
|
19
|
+
}
|
|
20
|
+
],
|
|
21
|
+
"paths": {
|
|
22
|
+
"@/*": ["./src/*"]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
|
|
26
|
+
"exclude": ["node_modules"]
|
|
27
27
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
root = true
|
|
2
|
-
|
|
3
|
-
[*]
|
|
4
|
-
insert_final_newline = true
|
|
5
|
-
charset = utf-8
|
|
6
|
-
indent_style = space
|
|
7
|
-
indent_size = 2
|
|
8
|
-
trim_trailing_whitespace = true
|
|
9
|
-
max_line_length = 80
|
|
1
|
+
root = true
|
|
2
|
+
|
|
3
|
+
[*]
|
|
4
|
+
insert_final_newline = true
|
|
5
|
+
charset = utf-8
|
|
6
|
+
indent_style = space
|
|
7
|
+
indent_size = 2
|
|
8
|
+
trim_trailing_whitespace = true
|
|
9
|
+
max_line_length = 80
|