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

apps/v4/registry/bases/aria/blocks/preview-02/cards/social-links.tsx

@@ -0,0 +1,107 @@
+import { Button } from "@/registry/bases/aria/ui/button"
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/registry/bases/aria/ui/card"
+import { Field, FieldGroup, FieldLabel } from "@/registry/bases/aria/ui/field"
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+} from "@/registry/bases/aria/ui/input-group"
+import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
+
+export function SocialLinks() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Social Links</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <FieldGroup>
+          <Field>
+            <FieldLabel htmlFor="spotify-url">Spotify Artist URL</FieldLabel>
+            <InputGroup>
+              <InputGroupAddon>
+                <IconPlaceholder
+                  lucide="CirclePlusIcon"
+                  tabler="IconCirclePlus"
+                  hugeicons="PlusSignCircleIcon"
+                  phosphor="PlusCircleIcon"
+                  remixicon="RiAddCircleLine"
+                />
+              </InputGroupAddon>
+              <InputGroupInput
+                id="spotify-url"
+                defaultValue="spotify.com/artist/3j...2k"
+              />
+            </InputGroup>
+          </Field>
+          <Field>
+            <FieldLabel htmlFor="instagram-handle">Instagram Handle</FieldLabel>
+            <InputGroup>
+              <InputGroupAddon>
+                <IconPlaceholder
+                  lucide="CameraIcon"
+                  tabler="IconCamera"
+                  hugeicons="Camera01Icon"
+                  phosphor="CameraIcon"
+                  remixicon="RiCameraLine"
+                />
+              </InputGroupAddon>
+              <InputGroupInput
+                id="instagram-handle"
+                defaultValue="@julianduryea_music"
+              />
+            </InputGroup>
+          </Field>
+          <Field>
+            <FieldLabel htmlFor="soundcloud-url">SoundCloud URL</FieldLabel>
+            <InputGroup>
+              <InputGroupAddon>
+                <IconPlaceholder
+                  lucide="CloudIcon"
+                  tabler="IconCloud"
+                  hugeicons="CloudUploadIcon"
+                  phosphor="CloudIcon"
+                  remixicon="RiCloudLine"
+                />
+              </InputGroupAddon>
+              <InputGroupInput
+                id="soundcloud-url"
+                placeholder="soundcloud.com/username"
+              />
+            </InputGroup>
+          </Field>
+          <Field>
+            <FieldLabel htmlFor="website-url">Website</FieldLabel>
+            <InputGroup>
+              <InputGroupAddon>
+                <IconPlaceholder
+                  lucide="GlobeIcon"
+                  tabler="IconWorld"
+                  hugeicons="Globe02Icon"
+                  phosphor="GlobeIcon"
+                  remixicon="RiGlobalLine"
+                />
+              </InputGroupAddon>
+              <InputGroupInput
+                id="website-url"
+                placeholder="https://yoursite.com"
+              />
+            </InputGroup>
+          </Field>
+        </FieldGroup>
+      </CardContent>
+      <CardFooter className="justify-end gap-2 style-sera:justify-center">
+        <Button variant="secondary" className="style-sera:flex-1">
+          Discard
+        </Button>
+        <Button className="style-sera:flex-1">Save Changes</Button>
+      </CardFooter>
+    </Card>
+  )
+}