| 56 | ) |
| 57 | |
| 58 | function InputGroupAddon({ |
| 59 | className, |
| 60 | align = "inline-start", |
| 61 | ...props |
| 62 | }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) { |
| 63 | return ( |
| 64 | <div |
| 65 | role="group" |
| 66 | data-slot="input-group-addon" |
| 67 | data-align={align} |
| 68 | className={cn(inputGroupAddonVariants({ align }), className)} |
| 69 | onClick={(e) => { |
| 70 | if ((e.target as HTMLElement).closest("button")) { |
| 71 | return |
| 72 | } |
| 73 | e.currentTarget.parentElement?.querySelector("input")?.focus() |
| 74 | }} |
| 75 | {...props} |
| 76 | /> |
| 77 | ) |
| 78 | } |
| 79 | |
| 80 | const inputGroupButtonVariants = cva( |
| 81 | "flex items-center gap-2 text-sm shadow-none", |