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

apps/v4/examples/aria/field-choice-card.tsx

@@ -0,0 +1,48 @@
+import {
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSet,
+  FieldTitle,
+} from "@/styles/aria-nova/ui/field"
+import { RadioGroup, RadioGroupItem } from "@/styles/aria-nova/ui/radio-group"
+
+export default function FieldChoiceCard() {
+  return (
+    <FieldGroup className="w-full max-w-xs">
+      <FieldSet>
+        <FieldLegend variant="label">Compute Environment</FieldLegend>
+        <FieldDescription>
+          Select the compute environment for your cluster.
+        </FieldDescription>
+        <RadioGroup defaultValue="kubernetes">
+          <FieldLabel htmlFor="kubernetes-r2h">
+            <Field orientation="horizontal">
+              <FieldContent>
+                <FieldTitle>Kubernetes</FieldTitle>
+                <FieldDescription>
+                  Run GPU workloads on a K8s cluster.
+                </FieldDescription>
+              </FieldContent>
+              <RadioGroupItem value="kubernetes" id="kubernetes-r2h" />
+            </Field>
+          </FieldLabel>
+          <FieldLabel htmlFor="vm-z4k">
+            <Field orientation="horizontal">
+              <FieldContent>
+                <FieldTitle>Virtual Machine</FieldTitle>
+                <FieldDescription>
+                  Access a cluster to run GPU workloads.
+                </FieldDescription>
+              </FieldContent>
+              <RadioGroupItem value="vm" id="vm-z4k" />
+            </Field>
+          </FieldLabel>
+        </RadioGroup>
+      </FieldSet>
+    </FieldGroup>
+  )
+}