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

apps/v4/examples/aria/attachment-trigger.tsx

@@ -0,0 +1,57 @@
+import { CopyIcon, FileSearchIcon, XIcon } from "lucide-react"
+
+import {
+  Attachment,
+  AttachmentAction,
+  AttachmentActions,
+  AttachmentContent,
+  AttachmentDescription,
+  AttachmentMedia,
+  AttachmentTitle,
+  AttachmentTrigger,
+} from "@/styles/aria-rhea/ui/attachment"
+import {
+  Dialog,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/styles/aria-rhea/ui/dialog"
+
+export function AttachmentTriggerDemo() {
+  return (
+    <div className="mx-auto w-full max-w-sm py-12">
+      <DialogTrigger>
+        <Attachment className="w-full">
+          <AttachmentMedia>
+            <FileSearchIcon />
+          </AttachmentMedia>
+          <AttachmentContent>
+            <AttachmentTitle>research-summary.pdf</AttachmentTitle>
+            <AttachmentDescription>Open preview dialog</AttachmentDescription>
+          </AttachmentContent>
+          <AttachmentActions>
+            <AttachmentAction aria-label="Copy link">
+              <CopyIcon />
+            </AttachmentAction>
+            <AttachmentAction aria-label="Remove research-summary.pdf">
+              <XIcon />
+            </AttachmentAction>
+          </AttachmentActions>
+          <DialogTrigger>
+            <AttachmentTrigger aria-label="Preview research-summary.pdf" />
+          </DialogTrigger>
+        </Attachment>
+        <Dialog className="sm:max-w-md">
+          <DialogHeader>
+            <DialogTitle>research-summary.pdf</DialogTitle>
+            <DialogDescription>
+              The attachment trigger fills the card and opens the dialog, while
+              the actions stay independently clickable above it.
+            </DialogDescription>
+          </DialogHeader>
+        </Dialog>
+      </DialogTrigger>
+    </div>
+  )
+}