Update prop expansion on components

lib/component/button/Button.tsx

@@ -19,7 +19,6 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(({
 			data-testid="mattrixwv-button"
 			ref={ref}
 			type={type}
-			{...buttonProps}
 			disabled={disabled}
 			className={clsx(
 				className,
@@ -57,6 +56,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"cursor-not-allowed opacity-75": disabled
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/DangerButton.tsx

@@ -14,7 +14,6 @@ const DangerButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-danger-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -42,6 +41,7 @@ const DangerButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-danger hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/DarkButton.tsx

@@ -13,7 +13,6 @@ const DarkButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-dark-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const DarkButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-dark hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/InfoButton.tsx

@@ -13,7 +13,6 @@ const InfoButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-info-button"
-			{...buttonProps}
 			variant={variant}
 			disabled={disabled}
 			ref={ref}
@@ -41,6 +40,7 @@ const InfoButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-info hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/LightButton.tsx

@@ -13,7 +13,6 @@ const LightButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-light-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const LightButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-light hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/MoltenButton.tsx

@@ -13,7 +13,6 @@ const MoltenButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-molten-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const MoltenButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-molten hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/PrimaryButton.tsx

@@ -13,7 +13,6 @@ const PrimaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-primary-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const PrimaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-primary hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/SecondaryButton.tsx

@@ -13,7 +13,6 @@ const SecondaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-secondary-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const SecondaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-secondary hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/SuccessButton.tsx

@@ -13,7 +13,6 @@ const SuccessButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-success-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const SuccessButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-success hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/TertiaryButton.tsx

@@ -13,7 +13,6 @@ const TertiaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-tertiary-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const TertiaryButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-tertiary hover:text-white active:text-white": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });

lib/component/button/WarningButton.tsx

@@ -13,7 +13,6 @@ const WarningButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 	return (
 		<Button
 			data-testid="mattrixwv-warning-button"
-			{...buttonProps}
 			ref={ref}
 			variant={variant}
 			disabled={disabled}
@@ -41,6 +40,7 @@ const WarningButton = forwardRef<HTMLButtonElement, ButtonProps>(({
 					"text-warning hover:text-black active:text-black": (variant === "ghost" || variant === "outline-ghost") && (!disabled)
 				}
 			)}
+			{...buttonProps}
 		/>
 	);
 });