sync

.github/DISCUSSION_TEMPLATE/blocks-request.yml

@@ -0,0 +1,25 @@
+title: "[blocks]: "
+labels: ["Blocks Request"]
+body:
+ - type: markdown
+ attributes:
+ value: |
+ ### Thanks for taking the time to create a block request! Please search open/closed requests before submitting, as the block or a similar one may have already been requested.
+
+ - type: textarea
+ id: block-description
+ attributes:
+ label: Description
+ description: Tell us about your block request
+ placeholder: "A dashboard for an e-commerce website showing sales, orders, and customers..."
+ validations:
+ required: true
+
+ - type: input
+ id: block-example-url
+ attributes:
+ label: Example
+ description: Link to an example of the block
+ placeholder: ex. https://example.com
+ validations:
+ required: false

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,6 +1,6 @@
 name: "Bug report"
 description: Report an issue
-title: '[Bug]: '
+title: '[bug]: '
 labels: ["bug"]
 body:
  - type: markdown

.nvmrc

@@ -1 +1 @@
-v18.17.0
+v20.5.1

apps/www/__registry__/default/block/authentication-01.tsx

@@ -0,0 +1,45 @@
+import { Button } from "@/registry/default/ui/button"
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "@/registry/default/ui/card"
+import { Input } from "@/registry/default/ui/input"
+import { Label } from "@/registry/default/ui/label"
+
+export const description =
+ "A simple login form with email and password. The submit button says 'Sign in'."
+
+export const iframeHeight = "600px"
+
+export const containerClassName =
+ "w-full h-screen flex items-center justify-center px-4"
+
+export default function LoginForm() {
+ return (
+ <Card className="w-full max-w-sm">
+ <CardHeader>
+ <CardTitle className="text-2xl">Login</CardTitle>
+ <CardDescription>
+ Enter your email below to login to your account.
+ </CardDescription>
+ </CardHeader>
+ <CardContent className="grid gap-4">
+ <div className="grid gap-2">
+ <Label htmlFor="email">Email</Label>
+ <Input id="email" type="email" placeholder="[email protected]" required />
+ </div>
+ <div className="grid gap-2">
+ <Label htmlFor="password">Password</Label>
+ <Input id="password" type="password" required />
+ </div>
+ </CardContent>
+ <CardFooter>
+ <Button className="w-full">Sign in</Button>
+ </CardFooter>
+ </Card>
+ )
+}

apps/www/__registry__/default/block/authentication-02.tsx

@@ -0,0 +1,67 @@
+import Link from "next/link"
+
+import { Button } from "@/registry/default/ui/button"
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/registry/default/ui/card"
+import { Input } from "@/registry/default/ui/input"
+import { Label } from "@/registry/default/ui/label"
+
+export const description =
+ "A login form with email and password. There's an option to login with Google and a link to sign up if you don't have an account."
+
+export const iframeHeight = "600px"
+
+export const containerClassName =
+ "w-full h-screen flex items-center justify-center px-4"
+
+export default function LoginForm() {
+ return (
+ <Card className="mx-auto max-w-sm">
+ <CardHeader>
+ <CardTitle className="text-2xl">Login</CardTitle>
+ <CardDescription>
+ Enter your email below to login to your account
+ </CardDescription>
+ </CardHeader>
+ <CardContent>
+ <div className="grid gap-4">
+ <div className="grid gap-2">
+ <Label htmlFor="email">Email</Label>
+ <Input
+ id="email"
+ type="email"
+ placeholder="[email protected]"
+ required
+ />
+ </div>
+ <div className="grid gap-2">
+ <div className="flex items-center">
+ <Label htmlFor="password">Password</Label>
+ <Link href="#" className="ml-auto inline-block text-sm underline">
+ Forgot your password?
+ </Link>
+ </div>
+ <Input id="password" type="password" required />
+ </div>
+ <Button type="submit" className="w-full">
+ Login
+ </Button>
+ <Button variant="outline" className="w-full">
+ Login with Google
+ </Button>
+ </div>
+ <div className="mt-4 text-center text-sm">
+ Don&apos;t have an account?{" "}
+ <Link href="#" className="underline">
+ Sign up
+ </Link>
+ </div>
+ </CardContent>
+ </Card>
+ )
+}

apps/www/__registry__/default/block/authentication-03.tsx

@@ -0,0 +1,72 @@
+import Link from "next/link"
+
+import { Button } from "@/registry/default/ui/button"
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/registry/default/ui/card"
+import { Input } from "@/registry/default/ui/input"
+import { Label } from "@/registry/default/ui/label"
+
+export const description =
+ "A sign up form with first name, last name, email and password inside a card. There's an option to sign up with GitHub and a link to login if you already have an account"
+
+export const iframeHeight = "600px"
+
+export const containerClassName =
+ "w-full h-screen flex items-center justify-center px-4"
+
+export default function LoginForm() {
+ return (
+ <Card className="mx-auto max-w-sm">
+ <CardHeader>
+ <CardTitle className="text-xl">Sign Up</CardTitle>
+ <CardDescription>
+ Enter your information to create an account
+ </CardDescription>
+ </CardHeader>
+ <CardContent>
+ <div className="grid gap-4">
+ <div className="grid grid-cols-2 gap-4">
+ <div className="grid gap-2">
+ <Label htmlFor="first-name">First name</Label>
+ <Input id="first-name" placeholder="Max" required />
+ </div>
+ <div className="grid gap-2">
+ <Label htmlFor="last-name">Last name</Label>
+ <Input id="last-name" placeholder="Robinson" required />
+ </div>
+ </div>
+ <div className="grid gap-2">
+ <Label htmlFor="email">Email</Label>
+ <Input
+ id="email"
+ type="email"
+ placeholder="[email protected]"
+ required
+ />
+ </div>
+ <div className="grid gap-2">
+ <Label htmlFor="password">Password</Label>
+ <Input id="password" type="password" />
+ </div>
+ <Button type="submit" className="w-full">
+ Create an account
+ </Button>
+ <Button variant="outline" className="w-full">
+ Sign up with GitHub
+ </Button>
+ </div>
+ <div className="mt-4 text-center text-sm">
+ Already have an account?{" "}
+ <Link href="#" className="underline">
+ Sign in
+ </Link>
+ </div>
+ </CardContent>
+ </Card>
+ )
+}

apps/www/__registry__/default/block/authentication-04.tsx

@@ -0,0 +1,74 @@
+import Image from "next/image"
+import Link from "next/link"
+
+import { Button } from "@/registry/default/ui/button"
+import { Input } from "@/registry/default/ui/input"
+import { Label } from "@/registry/default/ui/label"
+
+export const description =
+ "A login page with two columns. The first column has the login form with email and password. There's a Forgot your passwork link and a link to sign up if you do not have an account. The second column has a cover image."
+
+export const iframeHeight = "800px"
+
+export const containerClassName = "w-full h-full p-4 lg:p-0"
+
+export default function Dashboard() {
+ return (
+ <div className="w-full lg:grid lg:min-h-[600px] lg:grid-cols-2 xl:min-h-[800px]">
+ <div className="flex items-center justify-center py-12">
+ <div className="mx-auto grid w-[350px] gap-6">
+ <div className="grid gap-2 text-center">
+ <h1 className="text-3xl font-bold">Login</h1>
+ <p className="text-balance text-muted-foreground">
+ Enter your email below to login to your account
+ </p>
+ </div>
+ <div className="grid gap-4">
+ <div className="grid gap-2">
+ <Label htmlFor="email">Email</Label>
+ <Input
+ id="email"
+ type="email"
+ placeholder="[email protected]"
+ required
+ />
+ </div>
+ <div className="grid gap-2">
+ <div className="flex items-center">
+ <Label htmlFor="password">Password</Label>
+ <Link
+ href="/forgot-password"
+ className="ml-auto inline-block text-sm underline"
+ >
+ Forgot your password?
+ </Link>
+ </div>
+ <Input id="password" type="password" required />
+ </div>
+ <Button type="submit" className="w-full">
+ Login
+ </Button>
+ <Button variant="outline" className="w-full">
+ Login with Google
+ </Button>
+ </div>
+ <div className="mt-4 text-center text-sm">
+ Don&apos;t have an account?{" "}
+ <Link href="#" className="underline">
+ Sign up
+ </Link>
+ </div>
+ </div>
+ </div>
+ <div className="hidden bg-muted lg:block">
+ <Image
+ src="/placeholder.svg"
+ alt="Image"
+ width="1920"
+ height="1080"
+ className="h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
+ />
+ </div>
+ </div>
+ )
+}