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

apps/v4/examples/base/questionnaire-card.tsx

@@ -0,0 +1,136 @@
+"use client"
+
+import * as React from "react"
+import { toast } from "sonner"
+
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/styles/base-nova/ui/card"
+import {
+  Questionnaire,
+  QuestionnaireActions,
+  QuestionnaireChoice,
+  QuestionnaireChoices,
+  QuestionnaireDescription,
+  QuestionnaireError,
+  QuestionnaireItem,
+  QuestionnaireNext,
+  QuestionnairePrevious,
+  QuestionnaireProgress,
+  QuestionnaireSubmit,
+  QuestionnaireTitle,
+} from "@/styles/base-nova/ui/questionnaire"
+
+const items = [
+  {
+    choices: [{ value: "fix" }, { value: "refactor" }, { value: "docs" }],
+    name: "task",
+    required: true,
+  },
+  {
+    choices: [{ value: "summary" }, { value: "files" }, { value: "review" }],
+    name: "output",
+    required: true,
+  },
+] as const
+
+export function QuestionnaireCard() {
+  const taskTitleId = React.useId()
+  const outputTitleId = React.useId()
+
+  function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
+    event.preventDefault()
+
+    const formData = new FormData(event.currentTarget)
+
+    toast("Agent task created", {
+      description: `Task: ${formData.get("task") ?? "None"} · Handoff: ${formData.get("output") ?? "None"}`,
+    })
+  }
+
+  return (
+    <Questionnaire
+      className="mx-auto max-w-md"
+      defaultItem="task"
+      items={items}
+      shortcuts="numbers"
+      onSubmit={handleSubmit}
+    >
+      <Card>
+        <QuestionnaireItem aria-labelledby={taskTitleId} name="task" required>
+          <CardHeader>
+            <QuestionnaireTitle id={taskTitleId} render={<CardTitle />}>
+              What should the agent work on?
+            </QuestionnaireTitle>
+            <QuestionnaireDescription render={<CardDescription />}>
+              Choose the task that should be handled next.
+            </QuestionnaireDescription>
+            <CardAction>
+              <QuestionnaireProgress />
+            </CardAction>
+          </CardHeader>
+          <CardContent>
+            <QuestionnaireChoices>
+              <QuestionnaireChoice value="fix">
+                Fix the failing tests
+              </QuestionnaireChoice>
+              <QuestionnaireChoice value="refactor">
+                Refactor the data layer
+              </QuestionnaireChoice>
+              <QuestionnaireChoice value="docs">
+                Update the integration guide
+              </QuestionnaireChoice>
+            </QuestionnaireChoices>
+            <QuestionnaireError />
+          </CardContent>
+        </QuestionnaireItem>
+
+        <QuestionnaireItem
+          aria-labelledby={outputTitleId}
+          name="output"
+          required
+        >
+          <CardHeader>
+            <QuestionnaireTitle id={outputTitleId} render={<CardTitle />}>
+              What should the final handoff include?
+            </QuestionnaireTitle>
+            <QuestionnaireDescription render={<CardDescription />}>
+              Pick the level of detail needed for review.
+            </QuestionnaireDescription>
+            <CardAction>
+              <QuestionnaireProgress />
+            </CardAction>
+          </CardHeader>
+          <CardContent>
+            <QuestionnaireChoices>
+              <QuestionnaireChoice value="summary">
+                Summary only
+              </QuestionnaireChoice>
+              <QuestionnaireChoice value="files">
+                Summary and changed files
+              </QuestionnaireChoice>
+              <QuestionnaireChoice value="review">
+                Full review handoff
+              </QuestionnaireChoice>
+            </QuestionnaireChoices>
+            <QuestionnaireError />
+          </CardContent>
+        </QuestionnaireItem>
+
+        <CardFooter>
+          <QuestionnaireActions className="w-full">
+            <QuestionnairePrevious />
+            <QuestionnaireNext>Next</QuestionnaireNext>
+            <QuestionnaireSubmit>Create task</QuestionnaireSubmit>
+          </QuestionnaireActions>
+        </CardFooter>
+      </Card>
+    </Questionnaire>
+  )
+}