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

2026-09-15 22:44:43 +05:00
commit 1416db152c
5727 changed files with 630238 additions and 0 deletions
--- a/apps/v4/examples/aria/questionnaire-navigation-state.tsx
+++ b/apps/v4/examples/aria/questionnaire-navigation-state.tsx
@@ -0,0 +1,119 @@
+"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,
+  QuestionnaireItem,
+  QuestionnaireNext,
+  QuestionnairePrevious,
+  QuestionnaireProgress,
+  QuestionnaireSubmit,
+  QuestionnaireTitle,
+} from "@/styles/aria-nova/ui/questionnaire"
+
+const items = [
+  { name: "permission", required: true },
+  { name: "verification", required: true },
+] as const
+
+type ItemName = "permission" | "verification"
+
+export function QuestionnaireNavigationState() {
+  const [item, setItem] = React.useState<ItemName>("permission")
+  const [statuses, setStatuses] = React.useState<
+    Record<ItemName, QuestionnaireItemStatus>
+  >({
+    permission: "unanswered",
+    verification: "unanswered",
+  })
+  const unanswered = statuses[item] === "unanswered"
+
+  function setStatus(name: ItemName, status: QuestionnaireItemStatus) {
+    setStatuses((current) => ({ ...current, [name]: status }))
+  }
+
+  function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
+    event.preventDefault()
+
+    const formData = new FormData(event.currentTarget)
+
+    toast("Permissions saved", {
+      description: `Permission: ${formData.get("permission") ?? "None"} · Verification: ${formData.get("verification") ?? "None"}`,
+    })
+  }
+
+  return (
+    <Questionnaire
+      className="mx-auto max-w-md"
+      item={item}
+      items={items}
+      onItemChange={(nextItem) => setItem(nextItem as ItemName)}
+      onSubmit={handleSubmit}
+    >
+      <QuestionnaireProgress />
+
+      <QuestionnaireItem
+        name="permission"
+        required
+        onStatusChange={(status) => setStatus("permission", status)}
+      >
+        <QuestionnaireTitle>What may the agent modify?</QuestionnaireTitle>
+        <QuestionnaireDescription>
+          Next is intentionally disabled until an answer is selected.
+        </QuestionnaireDescription>
+        <QuestionnaireChoices>
+          <QuestionnaireChoice value="files">Project files</QuestionnaireChoice>
+          <QuestionnaireChoice value="tests">
+            Project files and tests
+          </QuestionnaireChoice>
+          <QuestionnaireChoice value="config">
+            Files, tests, and configuration
+          </QuestionnaireChoice>
+        </QuestionnaireChoices>
+        <QuestionnaireError />
+      </QuestionnaireItem>
+
+      <QuestionnaireItem
+        name="verification"
+        required
+        onStatusChange={(status) => setStatus("verification", status)}
+      >
+        <QuestionnaireTitle>
+          What must pass before completion?
+        </QuestionnaireTitle>
+        <QuestionnaireChoices>
+          <QuestionnaireChoice value="tests">Tests</QuestionnaireChoice>
+          <QuestionnaireChoice value="types">
+            Tests and types
+          </QuestionnaireChoice>
+          <QuestionnaireChoice value="all">
+            Tests, types, and visual QA
+          </QuestionnaireChoice>
+        </QuestionnaireChoices>
+        <QuestionnaireError />
+      </QuestionnaireItem>
+
+      <QuestionnaireActions>
+        <QuestionnairePrevious />
+        <QuestionnaireNext
+          className="data-[status=unanswered]:opacity-50"
+          disabled={unanswered}
+          variant="secondary"
+        >
+          Next
+        </QuestionnaireNext>
+        <QuestionnaireSubmit disabled={unanswered}>
+          Save permissions
+        </QuestionnaireSubmit>
+      </QuestionnaireActions>
+    </Questionnaire>
+  )
+}