[ui][button] add aria-label prop

packages/ui/src/Button/Button.tsx

@@ -22,6 +22,7 @@ export type ButtonVariant =
 type Props = Readonly<{
   addonPosition?: ButtonAddOnPosition;
   'aria-controls'?: string;
+  'aria-label'?: string;
   className?: string;
   disabled?: boolean;
   display?: ButtonDisplay;
@@ -106,6 +107,7 @@ const variantDisabledClasses: Record<ButtonVariant, string> = {
 export default function Button({
   addonPosition = 'end',
   'aria-controls': ariaControls,
+  'aria-label': ariaLabel,
   className,
   display = 'inline',
   href,
@@ -148,7 +150,7 @@ export default function Button({
 
   const commonProps = {
     'aria-controls': ariaControls ?? undefined,
-    'aria-label': isLabelHidden ? label : undefined,
+    'aria-label': isLabelHidden ? ariaLabel ?? label : undefined,
     children,
     className: clsx(
       display === 'block' ? 'flex w-full justify-center' : 'inline-flex',