snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/registry/bases/aria/blocks/preview/cards/github-profile.tsx

@@ -0,0 +1,79 @@
+"use client"
+
+import { Button } from "@/registry/bases/aria/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/registry/bases/aria/ui/card"
+import {
+  Field,
+  FieldDescription,
+  FieldGroup,
+  FieldLabel,
+} from "@/registry/bases/aria/ui/field"
+import { Input } from "@/registry/bases/aria/ui/input"
+import {
+  NativeSelect,
+  NativeSelectOption,
+} from "@/registry/bases/aria/ui/native-select"
+import { Textarea } from "@/registry/bases/aria/ui/textarea"
+
+export function GithubProfile() {
+  return (
+    <Card className="mx-auto w-full max-w-md">
+      <CardHeader>
+        <CardTitle>Profile</CardTitle>
+        <CardDescription>Manage your profile information.</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <form id="profile">
+          <FieldGroup>
+            <Field>
+              <FieldLabel htmlFor="name">Name</FieldLabel>
+              <Input id="name" placeholder="Taylor" />
+              <FieldDescription>
+                Your name may appear around GitHub where you contribute or are
+                mentioned. You can remove it at any time.
+              </FieldDescription>
+            </Field>
+            <Field>
+              <FieldLabel htmlFor="email">Public Email</FieldLabel>
+              <NativeSelect id="email">
+                <NativeSelectOption value="taylor@example.com">
+                  taylor@example.com
+                </NativeSelectOption>
+                <NativeSelectOption value="work@example.com">
+                  work@example.com
+                </NativeSelectOption>
+              </NativeSelect>
+              <FieldDescription>
+                You can manage verified email addresses in your{" "}
+                <a href="#email-settings">email settings</a>.
+              </FieldDescription>
+            </Field>
+            <Field>
+              <FieldLabel htmlFor="bio">Bio</FieldLabel>
+              <Textarea
+                id="bio"
+                placeholder="Tell us a little bit about yourself"
+              />
+              <FieldDescription>
+                You can <span>@mention</span> other users and organizations to
+                link to them.
+              </FieldDescription>
+            </Field>
+          </FieldGroup>
+        </form>
+      </CardContent>
+      <CardFooter>
+        <Button form="profile" className="style-sera:w-full">
+          Save Profile
+        </Button>
+      </CardFooter>
+    </Card>
+  )
+}