| 108 | } |
| 109 | |
| 110 | function FieldLabel({ |
| 111 | className, |
| 112 | ...props |
| 113 | }: React.ComponentProps<typeof Label>) { |
| 114 | return ( |
| 115 | <Label |
| 116 | data-slot="field-label" |
| 117 | className={cn( |
| 118 | "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", |
| 119 | "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", |
| 120 | "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", |
| 121 | className |
| 122 | )} |
| 123 | {...props} |
| 124 | /> |
| 125 | ) |
| 126 | } |
| 127 | |
| 128 | function FieldTitle({ className, ...props }: React.ComponentProps<"div">) { |
| 129 | return ( |