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

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

@@ -0,0 +1,132 @@
+"use client"
+
+import * as React from "react"
+import type { QuestionnaireItemStatus } from "@shadcn/react/questionnaire"
+import { toast } from "sonner"
+
+import {
+  Questionnaire,
+  QuestionnaireActions,
+  QuestionnaireChoice,
+  QuestionnaireChoices,
+  QuestionnaireDescription,
+  QuestionnaireError,
+  QuestionnaireInput,
+  QuestionnaireItem,
+  QuestionnaireNext,
+  QuestionnairePrevious,
+  QuestionnaireProgress,
+  QuestionnaireSkip,
+  QuestionnaireSubmit,
+  QuestionnaireTitle,
+} from "@/styles/base-nova/ui/questionnaire"
+
+const items = [
+  { name: "task", required: true },
+  { name: "constraints" },
+  { name: "review", required: true },
+] as const
+
+export function QuestionnaireSkipExample() {
+  const [constraintStatus, setConstraintStatus] =
+    React.useState<QuestionnaireItemStatus>("unanswered")
+
+  function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
+    event.preventDefault()
+
+    const formData = new FormData(event.currentTarget)
+    const answers = {
+      task: formData.get("task"),
+      constraints: formData.get("constraints"),
+      constraintStatus,
+      review: formData.get("review"),
+    }
+
+    toast("Agent brief submitted", {
+      description: `Task: ${answers.task ?? "None"} · Constraints: ${
+        answers.constraintStatus === "skipped"
+          ? "Skipped"
+          : (answers.constraints ?? "None")
+      } · Review: ${answers.review ?? "None"}`,
+    })
+  }
+
+  return (
+    <Questionnaire
+      className="mx-auto max-w-md"
+      defaultItem="task"
+      items={items}
+      onSubmit={handleSubmit}
+    >
+      <QuestionnaireProgress />
+
+      <QuestionnaireItem name="task" required>
+        <QuestionnaireTitle>What kind of change is this?</QuestionnaireTitle>
+        <QuestionnaireDescription>
+          Choose the category that best describes the work.
+        </QuestionnaireDescription>
+        <QuestionnaireChoices>
+          <QuestionnaireChoice value="feature">New feature</QuestionnaireChoice>
+          <QuestionnaireChoice value="fix">Bug fix</QuestionnaireChoice>
+          <QuestionnaireChoice value="refactor">Refactor</QuestionnaireChoice>
+        </QuestionnaireChoices>
+        <QuestionnaireError />
+      </QuestionnaireItem>
+
+      <QuestionnaireItem
+        name="constraints"
+        onStatusChange={setConstraintStatus}
+      >
+        <QuestionnaireTitle>
+          Are there any implementation constraints?
+        </QuestionnaireTitle>
+        <QuestionnaireDescription>
+          Answer if needed, or intentionally skip this question.
+        </QuestionnaireDescription>
+        <QuestionnaireChoices>
+          <QuestionnaireChoice value="no-dependencies">
+            Do not add dependencies
+          </QuestionnaireChoice>
+          <QuestionnaireChoice value="no-migrations">
+            Do not change the database
+          </QuestionnaireChoice>
+          <QuestionnaireChoice value="preserve-api">
+            Preserve the public API
+          </QuestionnaireChoice>
+          <QuestionnaireInput
+            aria-label="Another implementation constraint"
+            placeholder="Describe another constraint…"
+          />
+        </QuestionnaireChoices>
+      </QuestionnaireItem>
+
+      <QuestionnaireItem name="review" required>
+        <QuestionnaireTitle>
+          How should the work be reviewed?
+        </QuestionnaireTitle>
+        <QuestionnaireDescription>
+          Choose the checks the agent should complete before handoff.
+        </QuestionnaireDescription>
+        <QuestionnaireChoices>
+          <QuestionnaireChoice value="tests">
+            Run the test suite
+          </QuestionnaireChoice>
+          <QuestionnaireChoice value="diff">
+            Review the final diff
+          </QuestionnaireChoice>
+          <QuestionnaireChoice value="both">
+            Tests and diff review
+          </QuestionnaireChoice>
+        </QuestionnaireChoices>
+        <QuestionnaireError />
+      </QuestionnaireItem>
+
+      <QuestionnaireActions>
+        <QuestionnairePrevious />
+        <QuestionnaireSkip />
+        <QuestionnaireNext>Next</QuestionnaireNext>
+        <QuestionnaireSubmit>Submit brief</QuestionnaireSubmit>
+      </QuestionnaireActions>
+    </Questionnaire>
+  )
+}